:root{--bg:#f8f9f6;--surface:#fff;--ink:#242b23;--muted:#7c8277;--line:#e6e9e1;--lime:#c5ed8b;--green:#668353;--sidebar:224px;--duration:3s;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #64813e;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}button .ico{flex-shrink:0}button,a{touch-action:manipulation}::selection{background:#d3ecb3}h1,h2,h3,h4,p{margin:0}.ico{width:19px;height:19px;vertical-align:middle;flex-shrink:0}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#f2f4ee;border-right:1px solid var(--line);padding:29px 16px 18px;display:flex;flex-direction:column;z-index:20;overflow-y:auto}.brand{display:flex;gap:10px;align-items:center;padding:0 10px 34px}.brand img{width:35px;height:35px}.brand b{font-size:20px;letter-spacing:-.7px}.brand span{display:block;font-size:10px;font-weight:400;color:#858b7e;letter-spacing:1.1px;margin-top:2px}.side-section-label{font-size:10px;letter-spacing:1.4px;color:#91978a;padding:0 13px 12px}.nav-item{width:100%;display:flex;gap:12px;align-items:center;padding:11px 13px;margin-bottom:4px;border-radius:7px;color:#6d7565;text-align:left;font-size:12px}.nav-item .ico{width:17px;height:17px}.nav-item small{margin-left:auto;font-size:10px;color:#8d9584}.nav-item:hover{background:#e9ede3}.nav-item.active{background:#e1e9d8;color:#35452c;font-weight:600}.nav-item.active small{color:#607a4a}.nav-divider{height:1px;background:#e1e5d9;margin:18px 12px 14px}.subnav{display:grid;margin:3px 0 9px 32px;border-left:1px solid #d5decc}.subnav button{text-align:left;font-size:11px;color:#747e6a;padding:6px 14px}.subnav button.active{color:#355322;font-weight:600}.sidebar-bottom{margin-top:auto;padding-top:45px}.companion-card{background:#e8eddf;border-radius:10px;padding:16px 15px;margin:0 5px 18px;position:relative}.companion-symbol{width:28px;height:28px;display:grid;place-items:center;background:#d5e2c6;border-radius:8px;margin-bottom:10px}.companion-card b{font-size:12px}.companion-card p{font-size:10px;line-height:1.8;color:#7b866c;margin:6px 0 11px}.companion-card button{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:0;color:#4d633d}.companion-card button .ico{width:14px}.version{margin-left:auto;font-size:10px;color:#8c9581}.local-note{font-size:9px;color:#8c9483;display:flex;gap:6px;align-items:center;justify-content:center;margin-top:6px}.local-note i,.eyebrow i,.live-dot{width:5px;height:5px;border-radius:50%;background:#90a476;display:inline-block}.app-main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:77px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f8f9f6f5}.breadcrumb{display:flex;gap:12px;align-items:center;color:#8f9686;font-size:11px}.breadcrumb b{color:#535c4d;font-weight:500}.breadcrumb>span{color:#c8cfc0}.top-actions{display:flex;gap:12px}.quiet-btn,.dark-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;font-size:11px;line-height:1.4;padding:10px 14px;white-space:nowrap}.quiet-btn{border:1px solid var(--line);background:#fff}.quiet-btn:hover{background:#f1f4ec;border-color:#cad2c0}.dark-btn{background:#2a3427;color:#fff;border:1px solid #2a3427}.dark-btn:hover{background:#414f37}.quiet-btn .ico,.dark-btn .ico{width:15px;height:15px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;width:32px;height:32px;background:#fff;flex-shrink:0}.icon-btn:hover{background:#edf1e8}.icon-btn .ico{width:15px;height:15px}.mobile-menu{display:none}main{max-width:1440px;margin:auto;padding:38px 42px 0}.hero{height:330px;border:1px solid #e4e8db;background:#eef2e7;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;border-radius:13px;padding:31px 38px;margin-bottom:42px}.hero:before{content:'';position:absolute;width:360px;height:360px;right:-30px;top:-170px;border:1px solid #dce4d0;border-radius:50%}.hero:after{content:'';position:absolute;width:480px;height:480px;right:-75px;top:-230px;border:1px solid #dce4d0;border-radius:50%;pointer-events:none}.hero-copy{z-index:2}.eyebrow{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.65px;color:#7a8e69;margin-bottom:14px}.hero h1{font-size:39px;letter-spacing:1px;line-height:1.27;font-weight:600;margin:0 0 13px}.hero h1 span{color:#66834e}.hero p{font-size:11px;line-height:1.9;color:#7c8970}.hero-button{font-size:11px;display:flex;align-items:center;gap:15px;padding:0;margin-top:18px;border-bottom:1px solid #96a78a;padding-bottom:5px}.hero-button .ico{width:15px;height:15px}.hero-meta{font-size:8px;color:#8b987c;display:flex;gap:9px;align-items:center;margin-top:17px}.hero-meta i{width:2px;height:2px;background:#9ba88f;border-radius:50%}.hero-visual{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding-top:7px;z-index:1}.hero-sample{width:100%;max-width:355px;transform:rotate(-3deg);background:#fff;border:5px solid #fff;border-radius:9px;box-shadow:0 15px 34px #53683e15;overflow:hidden}.hero-sample .preview{aspect-ratio:1.65}.hero-sample-caption{display:flex;align-items:center;justify-content:space-between;font-size:8px;padding:12px 10px 9px;background:#fff;color:#69715f}.hero-sample-caption>span{display:flex;align-items:center;gap:6px}.hero-sample-caption i{width:5px;height:5px;background:#8eaa73;border-radius:50%}.hero-sample-caption b{font-size:14px;margin-left:12px}.hero-sticker{position:absolute;top:-5px;right:4px;font-size:8px;letter-spacing:1.5px;line-height:1.8;display:flex;align-items:center;gap:10px;color:#869674;z-index:2;transform:rotate(6deg)}.hero-sticker .ico{width:26px;height:26px}.hero-float-label{position:absolute;bottom:5px;left:-5px;background:#ffffffdf;border:1px solid #e4e9da;border-radius:30px;padding:9px 14px;font-size:9px;display:flex;gap:7px;align-items:center;box-shadow:0 5px 18px #53683e08}.hero-float-label .ico{width:13px;height:13px;color:#87a86a}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-eyebrow{font-size:8px;color:#a0a88f;letter-spacing:1.5px;display:block;margin-bottom:6px}h2{font-size:20px;line-height:1.4;letter-spacing:.2px;font-weight:600}.section-top h2 span{font-family:monospace;color:#98a28c;font-size:11px;display:inline-flex;justify-content:center;margin-left:8px;vertical-align:middle;border:1px solid #e2e8d8;padding:1px 6px;border-radius:4px}.search-box{width:310px;display:flex;gap:9px;align-items:center;border:1px solid #dfe5d7;border-radius:7px;background:#fff;padding:10px 11px;color:#99a08e}.search-box .ico{width:15px;height:15px}.search-box input{min-width:0;width:100%;border:0;outline:none;background:none;font-size:10px;color:var(--ink)}.search-box input::placeholder{color:#a2a999}kbd{font-family:inherit;font-size:9px;color:#97a08b;border:1px solid #e3e8dd;border-radius:3px;padding:0 4px;white-space:nowrap}.filter-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.scenario-filters{display:flex;gap:6px;flex-wrap:wrap}.scenario-filters button{border:1px solid transparent;color:#8a9280;font-size:10px;padding:5px 11px;border-radius:5px}.scenario-filters button:hover{background:#eef2e8}.scenario-filters button.active{border-color:#dfe6d5;background:#eaf0e1;color:#587048}.sort-btn{color:#929b86;font-size:9px;display:flex;gap:6px;align-items:center;white-space:nowrap}.sort-btn .ico{width:13px;height:13px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px}.design-card{background:#fff;border:1px solid #e3e8db;border-radius:10px;overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .2s;min-width:0}.design-card:hover{border-color:#c8d5ba;box-shadow:0 7px 20px #27381d08;transform:translateY(-2px)}.card-preview-wrap{position:relative;padding:7px 7px 0}.preview-open{display:block;width:100%;padding:0;border-radius:6px;overflow:hidden;text-align:initial}.card-category{position:absolute;top:17px;left:17px;font-size:7px;letter-spacing:.5px;padding:3px 6px;border-radius:4px;color:#707b65;background:#ffffffd9;backdrop-filter:blur(6px);display:flex;align-items:center;gap:4px}.card-category i{width:4px;height:4px;border-radius:50%;background:#789956}.motion-label{font-size:7px;letter-spacing:1px}.fav-btn{position:absolute;right:15px;top:15px;background:#ffffffe8;border:1px solid #ebeee5;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;color:#8f9b84}.fav-btn .ico{width:11px;height:11px}.fav-btn.is-fav{color:#778d5e;background:#eff6e7}.fav-btn.is-fav svg{fill:#a7bd8d}.card-info{padding:16px 15px 11px}.card-name{display:flex;justify-content:space-between;align-items:center}.card-name button{padding:0;font-size:13px;font-weight:600;text-align:left}.card-name>span{font-size:9px;color:#b2b9a9;font-family:monospace}.card-info>p{color:#909985;font-size:9px;line-height:1.7;margin-top:6px}.card-bottom{margin-top:13px;border-top:1px solid #eef0e9;padding-top:10px;display:flex;align-items:center;gap:7px}.card-bottom>span{font-size:8px;letter-spacing:.1px;color:#9ca592;margin-right:auto}.add-btn,.card-copy{width:23px;height:23px;border-radius:4px;display:grid;place-items:center;padding:4px}.add-btn{background:#f1f4eb;color:#73845d}.add-btn:hover,.card-copy:hover{background:#e3edda}.add-btn.added{background:#dfeacd}.add-btn .ico,.card-copy .ico{width:13px;height:13px}.card-copy{color:#8f9b84}.library-foot{display:flex;justify-content:space-between;color:#a2ac95;font-size:8px;margin:25px 0 38px}.library-foot button{font-size:8px;color:#7f8b72;padding:0;display:flex;align-items:center;gap:6px}.library-foot .ico{width:12px;height:12px}.app-footer{border-top:1px solid var(--line);max-width:1356px;margin:0 42px;padding:21px 0 110px;display:flex;gap:20px;font-size:8px;color:#a6af9c}.app-footer b{font-size:10px;color:#7f8d70}.app-footer span:last-child{margin-left:auto}.recipe-bar{position:fixed;left:calc(var(--sidebar) + 42px);right:42px;bottom:24px;z-index:30;background:#fff;border:1px solid #dde5d3;box-shadow:0 10px 45px #293b1d1a;border-radius:12px;padding:12px 16px;display:flex;gap:15px;align-items:center;transform:translateY(150px);transition:transform .25s;max-width:1356px;margin:auto}.recipe-bar.visible{transform:translateY(0)}.recipe-summary{display:flex;align-items:center;gap:12px}.recipe-summary>.ico{width:27px;height:27px;padding:5px;background:#eff5e7;border-radius:7px;color:#7b9865}.recipe-summary b{display:block;font-size:11px}.recipe-summary small{font-size:8px;color:#969f89}.recipe-chips{display:flex;gap:6px;flex:1;overflow:hidden}.recipe-chips span{border:1px solid #e2e7da;border-radius:5px;padding:4px 8px;font-size:9px;white-space:nowrap}.recipe-bar>.quiet-btn{border:0;color:#8a957d}.floating-demo{display:none;position:fixed;bottom:22px;right:22px;width:48px;height:48px;border-radius:16px;background:#2b3625;color:#d3efab;box-shadow:0 5px 25px #26351d30;z-index:29;place-items:center}.floating-demo>span{position:absolute;right:-4px;top:-4px;border:2px solid #f8f9f6;background:#c5e69b;color:#324127;border-radius:50%;width:20px;height:20px;font-size:9px;display:grid;place-items:center}.no-results{grid-column:1/-1;text-align:center;padding:80px 20px;color:#8b977d;border:1px dashed #d9e1d1;border-radius:10px}.no-results>.ico{width:32px;height:32px}.no-results h3{margin:15px 0 8px;font-size:17px;color:#596a4a}.no-results p{font-size:12px;margin-bottom:20px}#toast{position:fixed;z-index:9999;left:50%;bottom:110px;max-width:min(90vw,480px);transform:translate(-50%,20px);background:#2e3a27;color:#fff;padding:12px 18px;font-size:12px;box-shadow:0 8px 24px #25351c20;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{color:var(--ink);background:#fff;border:1px solid #dde4d6;padding:0;border-radius:16px;box-shadow:0 25px 90px #17230c33;max-height:92dvh;max-width:calc(100vw - 32px);width:1050px;overflow:auto}dialog::backdrop{background:#26311e55;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px 28px;border-bottom:1px solid var(--line)}.dialog-kicker{font-size:9px;letter-spacing:1px;color:#8b9a7c;display:block;margin-bottom:5px}.dialog-top h2{font-size:21px}.detail-grid{display:grid;grid-template-columns:1.12fr 1fr}.detail-left{padding:22px 25px;background:#f9faf7;min-width:0}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8d9a80;margin-bottom:13px}.preview-toolbar>span{display:flex;align-items:center;gap:7px}.preview-toolbar>div{display:flex;gap:4px}.view-toggle{width:27px;height:25px;border:1px solid transparent;border-radius:4px;padding:4px;color:#a0aa93}.view-toggle .ico{width:14px;height:14px}.view-toggle.active{background:white;border-color:#dbe3d3;color:#63784e}.detail-preview{min-height:265px;background:#eef1e8;border:1px solid #e2e7da;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-preview .preview{width:100%;aspect-ratio:1.45;max-height:350px;transition:width .3s}.detail-preview.narrow .preview{width:72%;aspect-ratio:1;min-height:265px}.detail-preview.narrow .mini-dashboard{grid-template-columns:22px 1fr}.detail-preview.narrow .mini-dashboard nav{display:none}.detail-preview.narrow .mini-dashboard>div{grid-column:1/-1}.detail-preview.narrow .mini-stats{gap:5px}.detail-callout{font-size:10px;color:#8c997f;display:flex;gap:7px;align-items:flex-start;line-height:1.7;margin-top:13px}.detail-callout .ico{width:14px;height:14px;margin-top:2px}.token-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}.token-controls label{font-size:10px;color:#859275;display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px}.token-controls label span{color:#4a6040}.token-controls input{width:100%;accent-color:#849d6e;height:4px;margin:6px 0}.detail-explanation{border-top:1px solid #e1e7d9;margin-top:24px;padding-top:20px}.detail-explanation h3{font-size:14px;margin-bottom:8px}.detail-explanation p{font-size:11px;line-height:1.9;color:#849276}.detail-right{min-width:0;padding:23px;display:flex;flex-direction:column;border-left:1px solid var(--line)}.detail-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line)}.detail-tabs button{font-size:12px;color:#97a18a;padding:0 0 12px}.detail-tabs button.active{color:#536c40;border-bottom:2px solid #6d8857}.prompt-tip{font-size:10px;color:#97a18a;margin:14px 0}.prompt-text{font-size:11px;line-height:1.9;border:1px solid #e5eadd;border-radius:7px;background:#f8faf5;color:#68795a;padding:16px;resize:none;min-height:345px;width:100%;flex:1}.detail-bottom{display:flex;justify-content:space-between;margin-top:16px;gap:10px}.detail-bottom .quiet-btn{border:0;background:none;padding-left:0}.motion-controls{display:flex;align-items:center;gap:6px;margin-top:12px}.motion-controls .quiet-btn{font-size:9px;padding:6px 8px}.motion-controls label{display:flex;align-items:center;gap:6px;font-size:9px;color:#8b977e;margin-left:auto}.motion-controls input{width:60px;accent-color:#849d6e}.recipe-dialog-grid{display:grid;grid-template-columns:360px 1fr}.recipe-config{padding:24px;background:#f9fbf6;max-height:68vh;overflow:auto}.field-label{font-size:11px;color:#6e805e;display:block;margin-bottom:9px;font-weight:500}.recipe-config>textarea{width:100%;min-height:92px;padding:12px;font-size:11px;line-height:1.8;border:1px solid #dce5d1;background:#fff;border-radius:7px;resize:vertical;color:#4c6040}.recipe-config textarea::placeholder{color:#a3ae98}.mode-control{display:flex;background:#eaf0e3;padding:4px;border-radius:7px;margin:14px 0 25px}.mode-control button{width:50%;border-radius:4px;padding:7px 0;font-size:10px;color:#8b987d}.mode-control button.active{background:#fff;color:#4f6740;box-shadow:0 1px 5px #26351c08}.recipe-selection-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.recipe-selection-head>b{font-size:11px}.recipe-selection-head b span{color:#a0ad91;font-weight:400;margin-left:4px}.text-btn{font-size:10px;color:#6f8759;padding:0}.selected-list{display:grid;gap:7px}.selected-list>div:not(.selection-empty){display:flex;align-items:center;gap:9px;padding:9px;background:#fff;border:1px solid #e2e8d9;border-radius:7px}.selection-icon{width:30px;height:30px;background:#edf3e6;border-radius:6px;display:grid;place-items:center;color:#8b9e78}.selection-icon .ico{width:15px;height:15px}.selected-list b{font-size:11px;font-weight:500;display:block}.selected-list small{font-size:8px;color:#9ba98b}.selected-list .icon-btn{margin-left:auto;border:0;width:25px;height:25px;color:#a4ae97}.selection-empty{font-size:11px;line-height:1.8;color:#9ba68f;padding:15px;border:1px dashed #d6e0ca;border-radius:7px}.lock-panel{background:#eaf0e2;border:1px solid #dce5d0;border-radius:8px;padding:13px;margin-top:20px}.lock-panel label{display:flex;justify-content:space-between;align-items:center;font-size:11px}.lock-panel label>span{display:flex;align-items:center;gap:7px}.lock-panel .ico{width:13px;height:13px}.lock-panel input,.preference input{accent-color:#7b975f;width:15px;height:15px}.lock-panel p{font-size:9px;color:#8d9b7d;line-height:1.8;margin:7px 0 12px}.token-strip{display:flex;align-items:center;gap:4px}.token-strip i{width:17px;height:17px;border-radius:4px;border:1px solid #b9c4ac50}.token-strip span{font-size:8px;margin-left:6px;color:#859875}.token-strip button{margin-left:auto;font-size:8px}.save-recipe-row{display:flex;gap:6px;margin-top:20px}.save-recipe-row input{min-width:0;width:100%;border:1px solid #dce4d3;background:#fff;border-radius:6px;padding:8px 10px;font-size:10px;color:#526846}.save-recipe-row .quiet-btn{padding:8px 12px;font-size:10px}.saved-recipes{margin-top:22px}.saved-recipes>div{display:flex;align-items:center;border-bottom:1px solid #e0e8d6}.saved-recipes [data-load]{display:flex;flex:1;justify-content:space-between;font-size:10px;color:#6f815e;padding:10px 0}.saved-recipes small{color:#a0ad90}.saved-recipes .icon-btn{width:22px;height:22px;border:0;background:none;margin-left:7px}.recipe-output{display:flex;flex-direction:column;min-width:0;padding:24px;border-left:1px solid var(--line);min-height:500px}.output-head{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#839775;margin-bottom:15px}.output-head>span:first-child{display:flex;gap:6px;align-items:center}.output-head>span:last-child{font-family:monospace;font-size:9px;color:#a4b098}.recipe-output textarea{width:100%;min-height:310px;flex:1;background:#f8faf5;border:1px solid #e3e9db;border-radius:8px;padding:19px;resize:none;font-size:11px;line-height:1.95;color:#697e59}.recipe-output-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.recipe-output-bottom .quiet-btn{font-size:10px}.install-content{padding:25px 30px}.install-feature{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:30px}.install-art{position:relative;background:#f0f4e9;border-radius:12px;padding:25px;min-height:190px}.fake-agent{background:#fff;border:1px solid #e2e8d8;border-radius:8px;padding:14px;box-shadow:0 8px 20px #26351c07}.fake-agent>span{font-size:8px;color:#a0ad91}.fake-agent p{text-align:center;font-size:14px;margin:22px 0}.fake-agent>div{border:1px solid #e6ecdf;border-radius:7px;padding:9px;font-size:9px;color:#a8b39b;display:flex;justify-content:space-between}.fake-agent b{color:#fff;background:#597843;border-radius:4px;padding:0 4px}.fake-bubble{position:absolute;bottom:24px;right:12px;width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:#2f3d25;color:#caec9e;box-shadow:0 5px 12px #26351c20}.pill-label{font-size:9px;background:#eef4e6;border:1px solid #dde8ce;color:#7c9664;padding:4px 8px;border-radius:4px}.install-feature h3{font-size:20px;margin:13px 0 10px}.install-feature p{font-size:11px;color:#97a28a;line-height:1.9;max-width:350px;margin-bottom:15px}.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px 0}.install-steps b{font-family:monospace;font-size:20px;color:#c8d3bb;font-weight:400}.install-steps h4{font-size:12px;margin:8px 0}.install-steps p{font-size:10px;color:#96a18a;line-height:1.8}.install-notice{background:#f3f7ed;border:1px solid #e2ead8;border-radius:7px;padding:12px;font-size:10px;color:#82976f;display:flex;gap:9px;align-items:center}.install-notice .ico{width:16px;height:16px}.desktop-section{border-top:1px solid var(--line);padding-top:22px;margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:24px}.desktop-section>div{display:flex;gap:12px;align-items:flex-start}.desktop-section .ico{color:#8d9f7a;width:22px;height:22px}.desktop-section h3{font-size:13px;margin-bottom:7px}.desktop-section p{font-size:10px;color:#9ba68f;line-height:1.8;max-width:420px}.install-limit{font-size:9px;color:#a2ad96;line-height:1.8;margin-top:22px}#installDialog{width:850px}#settingsDialog{width:590px}.settings-content{padding:12px 28px 25px}.preference{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line)}.preference b{font-size:12px;font-weight:500;display:block;margin-bottom:6px}.preference small{font-size:10px;color:#98a58b;line-height:1.8;display:block}.preference input{flex-shrink:0}.settings-help{font-size:10px;color:#a0ad94;line-height:1.8;padding:18px 0}.settings-actions{display:flex;justify-content:space-between;gap:12px}.compact-categories{display:none}
/* Original, responsive miniature interfaces */
.preview{--pbg:#f5f7f2;--pink:#263126;--pa:#7b9765;--pr:12px;--pg:24px;background:var(--pbg);color:var(--pink);aspect-ratio:1.47;overflow:hidden;position:relative;container-type:inline-size;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:10px;line-height:1.4;text-align:left}.mini *{box-sizing:border-box}.mini h3{font-size:7cqi;line-height:1.15;font-weight:500;letter-spacing:-.3px}.mini b{font-weight:550}.mini .small-label{font-size:2.4cqi;letter-spacing:1.1px;color:color-mix(in srgb,var(--pink) 55%,transparent)}.mini .line{display:block;height:1.4cqi;background:currentColor;opacity:.09;margin:2.5cqi 0;border-radius:2px}.mini-head{display:flex;align-items:center;gap:2cqi;border-bottom:1px solid color-mix(in srgb,var(--pink) 8%,transparent);height:12cqi;padding:0 6cqi;font-size:3cqi}.mini-mark{background:var(--pa);width:4cqi;height:4cqi;border-radius:1cqi;color:var(--pbg);display:grid;place-items:center;font-size:3cqi}.mini-dot{width:4cqi;height:4cqi;border-radius:50%;background:#c7d0bc;margin-left:auto}.mini-dashboard{display:grid;grid-template-columns:12cqi 1fr;height:calc(100% - 12cqi);padding-right:5cqi;gap:4cqi}.mini-dashboard nav{border-right:1px solid color-mix(in srgb,var(--pink) 7%,transparent);display:flex;flex-direction:column;align-items:center;gap:5cqi;padding-top:6cqi;color:var(--pa)}.mini-dashboard nav>b{font-size:4cqi}.mini-dashboard nav i{width:4cqi;height:1.2cqi;border-radius:1px;background:currentColor;opacity:.3}.mini-dashboard>div{padding-top:4cqi}.mini-heading{font-size:4cqi;font-weight:550;display:flex;justify-content:space-between;align-items:center;margin-bottom:3cqi}.mini-heading>span{font-size:3cqi;color:var(--pa)}.mini-stats{display:grid;grid-template-columns:1.4fr 1fr;gap:calc(var(--pg)*.25)}.mini-stat{background:color-mix(in srgb,var(--pbg) 90%,white);border:1px solid color-mix(in srgb,var(--pink) 8%,transparent);border-radius:calc(var(--pr)*.45);padding:calc(var(--pg)*.28) 3cqi}.mini-stat>span{font-size:2cqi;opacity:.5;display:block;margin-bottom:1.8cqi}.mini-stat strong{font-size:5.6cqi;font-weight:550;letter-spacing:-.5px;white-space:nowrap}.mini-stat small{font-size:1.8cqi;color:var(--pa);font-weight:400;letter-spacing:0}.mini-graph{margin-top:3cqi;border:1px solid color-mix(in srgb,var(--pink) 8%,transparent);background:color-mix(in srgb,var(--pbg) 94%,white);border-radius:calc(var(--pr)*.45);padding:3cqi 3cqi 0}.mini-graph>span{font-size:2.3cqi;opacity:.5}.mini-chart{color:var(--pa);width:100%;height:24cqi;display:block;margin-top:1.7cqi}.p-enterprise{--pr:6px}.p-enterprise .mini-stat strong{font-size:5cqi}.p-dark .mini-stat,.p-dark .mini-graph{background:#1b2420}.p-dark .mini-head{border-color:#ffffff0b}.p-dark .mini-dot{background:#9bc674}.p-glass{background:linear-gradient(125deg,#d6e6e3,#dcd5ec 60%,#dfe4ef);display:grid;place-items:center}.glass-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:50cqi;height:50cqi;background:#a8bac9;top:23cqi;left:-10cqi}.orb-two{width:35cqi;height:35cqi;background:#c5acd8;top:-9cqi;right:3cqi}.glass-panel{position:relative;width:74%;border:1px solid #ffffffab;background:#ffffff48;backdrop-filter:blur(14px);border-radius:var(--pr);padding:calc(var(--pg)*.6);box-shadow:0 8px 20px #4b426211}.glass-panel h3{font-size:9cqi;margin:6cqi 0 5cqi;color:#4c4e69;letter-spacing:-.7px}.glass-actions{display:flex;justify-content:space-between;border-top:1px solid #ffffff6b;padding-top:4cqi;font-size:2.7cqi;color:#66677b}.p-editorial{padding:calc(var(--pg)*.4)}.editorial-head{font-size:3.5cqi;letter-spacing:2px;display:flex;justify-content:space-between;border-bottom:1px solid #302d2630;padding:0 0 3cqi}.editorial-head span{font-size:2cqi;color:#7d766a;letter-spacing:1px}.editorial-body{display:grid;grid-template-columns:1fr .9fr;gap:4cqi;padding:5cqi 0}.editorial-body h3{font-family:Georgia,serif;font-size:13cqi;letter-spacing:-1.5px;margin-top:3cqi;line-height:.95}.editorial-body p{font-family:Georgia,serif;font-size:2.5cqi;opacity:.55;margin-top:4cqi}.editorial-art{background:#c3c5b5;border-radius:var(--pr);position:relative;overflow:hidden}.editorial-art>div{position:absolute;width:17cqi;height:60cqi;transform:rotate(35deg);background:#e7dfcc;top:-3cqi;left:17cqi;box-shadow:-7cqi 0 0 #a7aa98}.editorial-foot{border-top:1px solid #302d2626;font-size:2cqi;letter-spacing:1px;padding-top:3cqi;display:flex;justify-content:space-between}.p-bento{padding:calc(var(--pg)*.55)}.bento-demo{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:calc(var(--pg)*.4);height:100%}.bento-main{grid-row:span 2;background:#d8e1cd;border-radius:calc(var(--pr)*.6);padding:5cqi;position:relative}.bento-main>span{font-size:2.4cqi;color:#7b8e6b}.bento-main h3{font-size:8cqi;margin-top:9cqi;color:#4a5d3d}.bento-main>b{position:absolute;bottom:5cqi;left:5cqi;border:1px solid #a7b996;width:7cqi;height:7cqi;border-radius:50%;display:grid;place-items:center;font-size:4cqi}.bento-small{background:#e9e9e0;border-radius:calc(var(--pr)*.6);padding:4cqi;color:#707765}.bento-small>span{font-size:2cqi;letter-spacing:1px}.bento-small strong{display:block;font-size:7cqi;margin-top:2cqi;font-weight:450}.bento-small.green{background:#c2cfb2}.mini-bars{display:flex;align-items:flex-end;gap:3cqi;height:16cqi;padding-top:2cqi}.mini-bars i{width:3cqi;background:#8eaa72;border-radius:2px;height:50%}.mini-bars i:nth-child(2n){height:80%}.mini-bars i:nth-child(3){height:60%}.mini-bars i:last-child{height:100%}.p-neo{padding:5cqi}.neo-top{font-size:2.5cqi;font-weight:600;border-bottom:1.5px solid var(--pink);padding-bottom:3cqi;display:flex;justify-content:space-between}.neo-title{font-size:12cqi!important;font-weight:750!important;line-height:.95!important;letter-spacing:-1px!important;margin-top:7cqi}.neo-title mark{background:var(--pa);color:inherit;padding:0 2cqi}.neo-bottom{display:flex;align-items:center;justify-content:space-between;gap:5cqi;margin-top:7cqi}.neo-bottom>span{font-size:2.3cqi;max-width:50%}.neo-bottom>b{font-size:2.5cqi;background:var(--pa);border:1.5px solid var(--pink);box-shadow:2px 2px 0 var(--pink);padding:3cqi;border-radius:calc(var(--pr)*.5)}.organic-demo{text-align:center;padding:6cqi}.organic-leaf{font-size:26cqi;color:#829c6a;line-height:1.1;margin:2cqi auto 4cqi}.organic-demo h3{font-size:7.5cqi;font-family:Georgia,serif}.organic-demo p{font-size:2.5cqi;opacity:.5;margin:2cqi 0 4cqi}.organic-pill{font-size:2.5cqi;background:#dae3cf;border-radius:var(--pr);padding:2.5cqi 6cqi;color:#768b62}.mini-appbar{padding:5cqi 6cqi;border-bottom:1px solid #2631260d;font-size:3cqi;display:flex;justify-content:space-between;font-weight:550}.mini-appbar>span{font-size:2.4cqi;color:var(--pa);font-weight:400}.workspace-demo{display:grid;grid-template-columns:21% 1fr 22%;height:calc(100% - 14cqi)}.workspace-demo>div:first-child,.workspace-demo>div:last-child{padding:5cqi 3cqi;border-right:1px solid #2631260d;font-size:2cqi}.workspace-canvas{background-color:#e8ece3;background-image:radial-gradient(#aebba244 .6px,transparent .6px);background-size:5px 5px;display:grid;place-items:center;padding:4cqi}.workspace-canvas>div{background:#fff;width:100%;padding:6cqi 3cqi;border-radius:calc(var(--pr)*.2);box-shadow:0 4px 10px #26351c10}.workspace-canvas span{font-size:1.7cqi;color:#93a281}.workspace-canvas h3{font-family:Georgia,serif;font-size:5cqi;margin:4cqi 0}.split-demo{display:grid;grid-template-columns:37% 1fr;height:100%}.split-demo>div{border-right:1px solid #2631260e;padding-top:2cqi}.message{padding:3cqi 5cqi;font-size:2.5cqi}.message.selected{background:#e5ecdc;border-left:2px solid #829d66}.message .line{height:1cqi}.split-demo article{padding:7cqi 5cqi}.split-demo article h3{font-size:5.5cqi;margin:5cqi 0}.mini-button{display:inline-block;background:var(--pa);color:#fff;border-radius:calc(var(--pr)*.4);padding:2.4cqi 4cqi;font-size:2.4cqi;margin-top:4cqi}.gallery-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqi;padding:7cqi 5cqi}.gallery-demo b{font-size:2.3cqi;display:block;margin-top:3cqi}.gallery-demo .line{height:1cqi}.art{height:26cqi;border-radius:calc(var(--pr)*.35);background:#d8d6c9;position:relative;overflow:hidden}.art-0 i{width:21cqi;height:21cqi;border-radius:50%;background:#ece8db;position:absolute;top:11cqi;left:6cqi;box-shadow:-9cqi -13cqi 0 #b4beaa}.art-1{background:#dcc6ad}.art-1 i{width:15cqi;height:40cqi;background:#eddfc8;position:absolute;top:6cqi;left:5cqi;transform:rotate(25deg);box-shadow:7cqi 0 0 #bfa58b}.art-2{background:#bdc7c3}.art-2 i{width:20cqi;height:20cqi;border-radius:50%;background:#e4e7dc;position:absolute;top:6cqi;left:3cqi;box-shadow:8cqi 7cqi 0 #8f9f96}.landing-demo{padding:8cqi 6cqi;position:relative;height:100%}.landing-demo h3{font-size:8cqi;margin-top:3cqi}.landing-demo>.mini-button{margin-top:4cqi}.landing-art{position:absolute;right:8cqi;top:8cqi;width:25cqi;height:42cqi}.landing-art i{position:absolute;width:12cqi;height:32cqi;background:#c3d2b1;transform:rotate(23deg);border-radius:9cqi;left:1cqi;top:6cqi}.landing-art i:nth-child(2){background:#8ca673;left:10cqi;top:3cqi}.landing-art i:nth-child(3){background:#e1e7d6;left:19cqi;top:0}.settings-demo{display:grid;grid-template-columns:32% 1fr;padding:6cqi;gap:5cqi;font-size:2.5cqi}.settings-demo aside{line-height:3;color:#9ca590}.settings-demo aside b{color:var(--pa)}.settings-demo h3{font-size:5cqi;margin:1cqi 0 5cqi}.setting-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2631260b;padding:3cqi 0;font-size:2.5cqi}.mini-toggle{width:8cqi;height:4.6cqi;border-radius:4cqi;background:#d9e1d0;position:relative}.mini-toggle:before{content:'';width:3.2cqi;height:3.2cqi;border-radius:50%;background:#fff;position:absolute;top:.7cqi;left:.7cqi}.mini-toggle.on{background:#8aa576}.mini-toggle.on:before{left:auto;right:.7cqi}.p-command{background:#e9eee2;display:grid;place-items:center}.command-demo{width:82%;background:#fff;border:1px solid #dce4d1;border-radius:var(--pr);box-shadow:0 8px 20px #26351c12;padding:4cqi}.command-input{display:flex;gap:3cqi;border-bottom:1px solid #e6ecdd;padding-bottom:4cqi;align-items:center;font-size:4cqi;color:#a0ae92}.command-input>span{font-size:2.5cqi;flex:1}.command-input kbd{font-size:2cqi}.command-demo>small{font-size:1.8cqi;letter-spacing:.5px;color:#a6b298;display:block;margin:4cqi 2cqi 2cqi}.command-result{display:flex;gap:3cqi;padding:2.5cqi;font-size:2.5cqi;align-items:center;border-radius:calc(var(--pr)*.4);color:#7f9070}.command-result.current{background:#ebf2e3;color:#5f7949}.command-result kbd{margin-left:auto;font-size:1.8cqi}.p-table{padding:calc(var(--pg)*.55);display:flex;align-items:center}.table-demo{background:#fff;border:1px solid #dfe6d6;border-radius:calc(var(--pr)*.5);overflow:hidden;width:100%}.table-demo .mini-appbar{padding:4cqi}.table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2cqi;padding:3cqi 4cqi;border-top:1px solid #edf1e7;font-size:2.4cqi;align-items:center}.table-row>span{display:flex;gap:2cqi;align-items:center}.table-row>b{text-align:right;font-variant-numeric:tabular-nums}.table-row>span:last-child{justify-content:flex-end}.table-row.th{background:#f8faf5;color:#a0ad92;font-size:2cqi;padding-top:2cqi;padding-bottom:2cqi}.table-avatar{font-style:normal;border-radius:1cqi;background:#eaf0e1;width:5cqi;height:5cqi;display:grid;place-items:center;font-size:2cqi;color:#7e9566}.status-dot{background:#9cb982;width:1.3cqi;height:1.3cqi;border-radius:50%}.p-multiselect{display:grid;place-items:center}.select-demo{width:70%}.select-field{background:#fff;border:1px solid #bccda8;border-radius:calc(var(--pr)*.4);display:flex;gap:2cqi;padding:2cqi;margin:3cqi 0 2cqi;align-items:center}.select-field>b{font-size:2.4cqi;background:#eaf0e2;color:#7a9264;border-radius:2px;padding:1cqi 2cqi}.select-field>span{margin-left:auto;margin-right:2cqi;color:#859775}.select-menu{border:1px solid #dce5d1;background:#fff;border-radius:calc(var(--pr)*.5);padding:2cqi;box-shadow:0 6px 15px #26351c08}.select-menu>div{display:flex;gap:3cqi;align-items:center;padding:2cqi 3cqi;font-size:2.5cqi;color:#7d8e6d}.select-menu .select-search{font-size:2.4cqi;color:#a9b49c;border-bottom:1px solid #e8eedd;margin-bottom:1cqi}.select-menu>div>b{margin-left:auto;font-size:3cqi;color:#8ba56d}.avatar{width:5cqi;height:5cqi;background:#e5ecda;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:2cqi}.p-dialog{background:#e8ece3;display:grid;place-items:center}.modal-demo{width:74%;border-radius:var(--pr);background:#fff;box-shadow:0 6px 20px #26351c10;padding:6cqi}.modal-symbol{width:9cqi;height:9cqi;background:#eaf0e2;display:grid;place-items:center;border-radius:2cqi;color:#93a87a;font-size:5cqi;margin-bottom:4cqi}.modal-demo h3{font-size:5cqi;margin-bottom:3cqi}.modal-demo p{font-size:2.7cqi;color:#9aa78c;line-height:1.8}.modal-demo>div>div{display:flex;align-items:center;justify-content:flex-end;gap:4cqi;margin-top:5cqi;font-size:2.5cqi}.modal-demo b{background:var(--pa);color:#fff;padding:2cqi 4cqi;border-radius:calc(var(--pr)*.35)}.drawer-scene{height:100%;position:relative;overflow:hidden}.drawer-under{padding:12cqi 6cqi;opacity:.3}.drawer-under .line{width:60%!important;height:3cqi;margin-top:6cqi}.drawer-demo{position:absolute;right:0;top:0;bottom:0;width:64%;background:#fff;box-shadow:-8px 0 20px #26351c10;padding:5cqi;border-radius:calc(var(--pr)*.3) 0 0 calc(var(--pr)*.3)}.drawer-demo>div{font-size:2.5cqi;border-bottom:1px solid #e9eedf;display:flex;justify-content:space-between;padding-bottom:4cqi;margin-bottom:5cqi}.drawer-demo .small-label{font-size:1.8cqi}.drawer-demo h3{font-size:6cqi;margin:3cqi 0}.drawer-demo .mini-button{font-size:2cqi}.tabs-demo{padding:8cqi}.demo-tabline{display:flex;gap:8cqi;border-bottom:1px solid #dbe4d0;font-size:2.5cqi;color:#9cae8a}.demo-tabline b{color:var(--pa);border-bottom:2px solid var(--pa);padding-bottom:3cqi}.demo-segment{margin:5cqi 0;background:#e5ecdd;border:1px solid #dfe7d4;padding:1cqi;display:flex;width:max-content;border-radius:calc(var(--pr)*.4);font-size:2cqi;gap:3cqi;align-items:center}.demo-segment b{background:#fff;color:var(--pa);border-radius:calc(var(--pr)*.25);padding:1.5cqi 4cqi}.demo-segment>span{padding-right:3cqi;color:#97a888}.tabs-data{font-size:2.3cqi;color:#a0af92}.tabs-data .mini-chart{height:22cqi}.empty-demo{text-align:center;padding:10cqi 5cqi}.empty-art{width:17cqi;height:17cqi;border:1px solid #d7e2ca;background:#edf3e6;border-radius:calc(var(--pr)*.6);font-size:10cqi;color:#9cb085;position:relative;margin:auto auto 5cqi}.empty-art i{position:absolute;width:2cqi;height:2cqi;background:#d3dfc6;border-radius:50%;top:3cqi;right:-6cqi}.empty-art i:last-child{top:12cqi;right:auto;left:-5cqi}.empty-demo h3{font-size:5.5cqi}.empty-demo p{color:#a0ad91;font-size:2.4cqi;margin-top:3cqi}.toast-demo{padding:14cqi 9cqi;display:grid;gap:5cqi}.toast-card{background:white;border:1px solid #dce6d1;box-shadow:0 4px 12px #26351c08;border-radius:calc(var(--pr)*.5);padding:4cqi;display:flex;align-items:center;gap:3cqi}.toast-card>i{font-style:normal;background:#e6efdb;color:#8ea771;border-radius:50%;width:6cqi;height:6cqi;display:grid;place-items:center;font-size:3cqi}.toast-card b{font-size:2.7cqi;display:block}.toast-card div>span{font-size:2.1cqi;color:#a5b097;display:block;margin-top:1cqi}.toast-card>span{margin-left:auto;color:#b7c0ad}.toast-card.warning>i{background:#f6eddf;color:#b99b71}.type-demo{padding:10cqi 8cqi}.type-demo h2{font-size:7.2cqi;margin:4cqi 0 3cqi;font-weight:600;letter-spacing:-.4px}.type-demo h3{font-size:4.5cqi;margin-bottom:2cqi}.type-demo p{font-size:3.2cqi;opacity:.6;margin-bottom:2cqi}.type-demo>small{font-size:2.5cqi;color:#8d9d7e}.type-scale{display:flex;gap:4cqi;align-items:center;color:#9cad8b;font-size:2.5cqi;border-top:1px solid #dfe6d6;padding-top:5cqi;margin-top:6cqi}.type-scale i{height:1px;width:7cqi;background:#ccd8bf}.priority-demo{padding:10cqi 8cqi}.priority-demo h3{font-size:5cqi;margin-top:3cqi}.priority-demo>strong{font-size:15cqi;letter-spacing:-1cqi;font-weight:500;display:block;margin-top:4cqi}.priority-demo strong span{font-size:2.8cqi;color:#8da476;display:block;letter-spacing:0}.priority-demo>div{display:flex;gap:5cqi;align-items:center;font-size:2.5cqi;color:#91a27e;margin-top:3cqi}.priority-demo .mini-button{margin:0}.density-demo{padding:12cqi 7cqi;display:grid;grid-template-columns:1fr 1fr;gap:7cqi}.density-demo>div>div{display:flex;align-items:center;font-size:2.5cqi;gap:2cqi;border-bottom:1px solid #dfe6d6;padding:4cqi 0}.density-demo>div>div>i{width:5cqi;height:5cqi;background:#d6e1ca;border-radius:1cqi}.density-demo>div>div>b{margin-left:auto;color:#98aa84}.density-demo>div:last-child>div{padding:6.5cqi 0}.density-demo .small-label{font-size:1.8cqi}.alignment-demo{padding:12cqi 12cqi;position:relative}.alignment-demo h3{font-size:6cqi;margin:4cqi 0}.alignment-demo .guide{position:absolute;background:#a4b99255}.guide.vertical{top:0;bottom:0;width:1px;left:12cqi}.guide.horizontal{left:0;right:0;height:1px;top:22cqi}.align-boxes{display:flex;gap:3cqi;margin-top:4cqi}.align-boxes i{width:23cqi;height:12cqi;background:#e1e9d8;border:1px solid #d6e2c9;border-radius:calc(var(--pr)*.3)}.progress-demo{padding:10cqi 14cqi}.progress-demo h3{font-size:5cqi;margin-bottom:5cqi}.progress-demo>label{font-size:2.3cqi;color:#92a17e}.fake-input{background:#fff;border:1px solid #dbe4d0;border-radius:calc(var(--pr)*.35);padding:3cqi;font-size:2.5cqi;margin-top:2cqi}.progress-expand{font-size:2.4cqi;color:#8da378;margin:4cqi 0 2cqi}.progress-extra{padding:2cqi 3cqi;display:flex;justify-content:space-between;background:#eef3e7;color:#9aa98c;font-size:2.2cqi}.progress-extra b{font-weight:400}.progress-demo .mini-button{margin-top:4cqi}.button-scene{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9cqi;height:100%;padding:7cqi}.button-scene .small-label{font-size:2cqi}.motion-button{padding:5cqi 7cqi;background:#2d3927;color:#d8ecbe;border-radius:calc(var(--pr)*.7);font-size:3.5cqi;display:flex;gap:7cqi;align-items:center;box-shadow:0 3px 1px #24341b0c;transition:transform .26s cubic-bezier(.22,1,.36,1)}.motion-button b{font-size:5cqi;font-weight:400}.motion-caption{font-size:2cqi;color:#9cab8e;letter-spacing:.5px}.spring-button{animation:spring var(--duration) infinite}.p-magnetic .motion-button{background:#dce8cf;color:#5b7548;box-shadow:0 5px 12px #26351c0a}.morph-scene{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:9cqi}.morph-object{background:#fff;border:1px solid #d9e3cd;border-radius:var(--pr);padding:4cqi;display:flex;align-items:center;gap:4cqi;width:72%;animation:morph var(--duration) infinite;box-shadow:0 6px 15px #26351c06}.morph-orb{width:12cqi;height:12cqi;border-radius:50%;background:#c4d3b3;flex-shrink:0;box-shadow:inset -5px -5px 0 #b4c69f}.morph-object b{font-size:3cqi;white-space:nowrap}.morph-object small{display:block;font-size:2cqi;color:#9bab8d;white-space:nowrap;margin-top:2cqi}.stagger-demo{padding:9cqi 12cqi}.stagger-demo>.small-label{font-size:2cqi}.stagger-row{background:#fff;border:1px solid #dce6d1;border-radius:calc(var(--pr)*.5);padding:3cqi;display:flex;align-items:center;gap:3cqi;margin-top:3cqi;font-size:2.6cqi;animation:stagger var(--duration) calc(var(--i)*.1s) infinite}.stagger-row>i{font-style:normal;width:7cqi;height:7cqi;border-radius:2cqi;display:grid;place-items:center;background:#eef3e6;color:#a1b58b;font-size:4cqi}.stagger-row>b{margin-left:auto;color:#a6b798}.spotlight-demo{padding:8cqi;height:100%;background:#192118}.spotlight-card{height:100%;border-radius:var(--pr);border:1px solid #48523c;background:radial-gradient(130px circle at var(--mx,50%) var(--my,30%),#c7efa21f,transparent 90%),#222d1d;color:#e1ecd7;padding:6cqi;position:relative;overflow:hidden}.spotlight-card .small-label{font-size:1.7cqi;color:#9bb18b}.spotlight-card h3{font-size:10cqi;margin:4cqi 0;color:#d8e8c9;font-weight:400}.spotlight-card>span:last-child{color:#8fa87c;font-size:2.5cqi}.skeleton-demo{padding:10cqi 13cqi;display:grid;grid-template-columns:10cqi 1fr;gap:3cqi}.skeleton-avatar,.skeleton-body i,.skeleton-image,.skeleton-footer i{background:linear-gradient(100deg,#dfe7d6 20%,#edf3e5 40%,#dfe7d6 60%);background-size:200% 100%;animation:shimmer calc(var(--duration)*.6) linear infinite}.skeleton-avatar{width:10cqi;height:10cqi;border-radius:50%}.skeleton-body i{display:block;width:72%;height:2cqi;margin:2cqi 0 3cqi;border-radius:2px}.skeleton-body i:last-child{width:45%}.skeleton-image{height:23cqi;grid-column:span 2;border-radius:calc(var(--pr)*.5)}.skeleton-footer{grid-column:span 2;display:flex;gap:3cqi}.skeleton-footer i{width:20%;height:3cqi;border-radius:2px}.number-demo{padding:9cqi 12cqi}.number-demo>strong{font-size:16cqi;letter-spacing:-1cqi;font-variant-numeric:tabular-nums;display:block;line-height:1.2;font-weight:450;margin-top:3cqi}.number-delta{font-size:2.6cqi;color:#91a778}.number-demo .mini-chart{height:21cqi;margin-top:4cqi}.spacing-demo{padding:11cqi 10cqi}.spacing-demo>.small-label{font-size:2cqi}.spacing-scale{display:flex;align-items:flex-end;height:28cqi;gap:5cqi;margin-top:6cqi}.spacing-scale>div{display:flex;align-items:center;flex-direction:column;gap:3cqi;flex:1}.spacing-scale i{display:block;width:5cqi;background:#b8ca9f;border-radius:2px;max-height:25cqi}.spacing-scale b{font-size:2.5cqi;color:#92a67b;font-weight:400}.spacing-demo p{font-family:monospace;font-size:3cqi;color:#97aa83;margin-top:8cqi;letter-spacing:.5px}.radius-demo{display:flex;gap:8cqi;align-items:center;justify-content:center;height:100%}.radius-demo>div{display:flex;flex-direction:column;align-items:center}.radius-demo i{width:19cqi;height:23cqi;border:1px solid #cad8bb;background:#e6eddd;font-size:9cqi;display:grid;place-items:center;color:#a3b98a;font-style:normal}.radius-demo b{font-size:3cqi;font-weight:400;margin-top:4cqi;color:#8da377}.radius-demo small{font-size:2cqi;color:#a8b49a;margin-top:1cqi}.color-demo{padding:12cqi 9cqi}.color-palette{display:flex;height:22cqi;border-radius:calc(var(--pr)*.5);overflow:hidden}.color-palette i{flex:1}.color-demo h3{font-size:5cqi;margin:7cqi 0 4cqi}.semantic-labels{display:flex;gap:6cqi;font-size:2.5cqi;color:#8ca378}.semantic-labels>span:nth-child(2){color:#b29a68}.semantic-labels>span:nth-child(3){color:#bb8877}.states-demo{padding:14cqi 10cqi;display:grid;grid-template-columns:repeat(3,1fr);gap:7cqi 5cqi}.states-demo>div{display:flex;flex-direction:column;align-items:center;gap:3cqi}.state-button{font-size:2.4cqi;border-radius:calc(var(--pr)*.35);background:#829a6c;color:#fff;display:block;padding:2.5cqi 3cqi;white-space:nowrap}.state-1{background:#6c8455}.state-2{outline:1.5px solid #b1c49a;outline-offset:2px}.state-3{background:#92a57d}.state-4{background:#d0d9c6;color:#f4f7ee}.state-5{background:#bb8976}.states-demo small{font-size:2cqi;color:#9bac8b}.responsive-demo{position:relative;padding:12cqi 8cqi;height:100%}.device{border:1px solid #c5d2b8;background:#fff;border-radius:calc(var(--pr)*.4);padding:3cqi}.device.desktop{width:72cqi;height:35cqi}.device>i{height:3cqi;background:#e0e9d5;display:block;border-radius:1px;margin-bottom:3cqi}.device.desktop>div{display:flex;gap:2cqi}.device b{height:20cqi;background:#edf3e6;flex:1;display:block;border-radius:1cqi}.device.phone{position:absolute;width:20cqi;height:37cqi;bottom:15cqi;right:10cqi;border-radius:3cqi;padding:2cqi;box-shadow:0 4px 8px #26351c09}.device.phone b{height:11cqi;margin-bottom:2cqi}.responsive-demo>.motion-caption{display:block;margin-top:6cqi}.p-slide .drawer-demo{animation:drawer var(--duration) infinite}.large .mini-dashboard{gap:5cqi}.large .mini-stat{padding:calc(var(--pg)*.65) 3cqi}.large .glass-panel{padding:calc(var(--pg)*1.1)}.paused *,.offscreen *{animation-play-state:paused!important}.reduce-motion *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reduce-motion .motion-button{transform:none!important}.reduce-motion .stagger-row{opacity:1!important;transform:none!important}.reduce-motion .drawer-demo{transform:none!important}.reduce-motion .morph-object{transform:none!important}.reduce-motion .spotlight-card{background:#222d1d}.reduce-motion .skeleton-avatar,.reduce-motion .skeleton-body i,.reduce-motion .skeleton-image,.reduce-motion .skeleton-footer i{background:#dfe7d6}@keyframes spring{0%,24%,70%,100%{transform:scale(1)}32%{transform:scale(.96)}43%{transform:scale(1.025)}53%{transform:scale(.995)}60%{transform:scale(1)}}@keyframes morph{0%,15%,100%{width:72%;padding:4cqi;border-radius:var(--pr)}40%,75%{width:86%;padding:8cqi 4cqi;border-radius:calc(var(--pr)*1.5)}}@keyframes stagger{0%,12%{opacity:0;transform:translateY(6px)}28%,88%,100%{opacity:1;transform:none}}@keyframes drawer{0%,12%,100%{transform:translateX(110%)}27%,80%{transform:none}}@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.stagger-row{opacity:1!important;transform:none!important}.drawer-demo{transform:none!important}.motion-button{transform:none!important}}
@media(min-width:1600px){main{padding-top:45px}.hero{height:360px;padding:38px 45px}.hero h1{font-size:44px}.hero p{font-size:12px}.hero-sample{max-width:400px}.hero-button{margin-top:20px}.hero-meta{margin-top:20px}.card-info>p{font-size:10px}.card-name button{font-size:14px}.card-bottom>span{font-size:9px}}
@media(max-width:1200px){:root{--sidebar:200px}.sidebar{padding-left:12px;padding-right:12px}.topbar{padding:0 28px}main{padding:28px 28px 0}.hero{padding:28px;height:310px}.hero h1{font-size:34px}.hero p{font-size:10px}.hero-meta{font-size:7px;gap:5px}.hero-sample{max-width:290px}.hero-sticker{font-size:7px;top:-6px}.hero-float-label{font-size:8px;left:-10px;bottom:16px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.search-box{width:260px}.recipe-bar{left:calc(var(--sidebar) + 28px);right:28px}.recipe-chips span:nth-child(3){display:none}.app-footer{margin:0 28px}.app-footer span:last-child{display:none}}
@media(max-width:900px){:root{--sidebar:180px}.brand{padding-left:5px;gap:8px}.brand b{font-size:18px}.brand img{width:30px;height:30px}.brand span{font-size:8px}.nav-item{padding:10px;font-size:11px;gap:9px}.hero{grid-template-columns:1fr;height:auto;min-height:270px}.hero-copy{max-width:100%}.hero h1{font-size:34px}.hero h1 br{display:none}.hero-visual{display:none}.hero p br{display:none}.hero-button{margin-top:23px}.hero-meta{font-size:8px;margin-top:22px}.section-top{display:block}.search-box{width:100%;margin-top:18px}.scenario-filters{gap:3px}.scenario-filters button{padding:5px 7px;font-size:9px}.sort-btn{font-size:8px}.detail-grid{grid-template-columns:1fr 1fr}.detail-left{padding:18px}.detail-right{padding:18px}.dialog-top{padding:20px}.detail-preview{min-height:220px}.detail-preview .preview{aspect-ratio:1.3;min-height:220px}.detail-preview.narrow .preview{min-height:220px}.motion-controls{flex-wrap:wrap}.motion-controls label{width:100%;justify-content:flex-end;margin-top:5px}.recipe-dialog-grid{grid-template-columns:310px 1fr}.recipe-config,.recipe-output{padding:20px}.recipe-output-bottom{flex-wrap:wrap;justify-content:flex-end}.recipe-chips{display:none}.recipe-summary{flex:1}.recipe-bar{padding:11px;gap:6px}.recipe-bar .dark-btn{font-size:10px}.install-feature h3{font-size:17px}.desktop-section{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:700px){:root{--sidebar:0px}.sidebar{width:224px;transform:translateX(-100%);transition:transform .2s;box-shadow:5px 0 30px #26351c20;z-index:50}.menu-open .sidebar{transform:translateX(0)}.topbar{height:64px;padding:0 20px;gap:12px;position:sticky;top:0;z-index:15;backdrop-filter:blur(8px)}.mobile-menu{display:flex}.breadcrumb{font-size:10px;margin-right:auto;gap:8px}.top-actions{gap:8px}.top-actions .quiet-btn{padding:7px}.top-actions .quiet-btn span{display:none}.top-actions .dark-btn{padding:8px 10px;font-size:9px}.top-actions .dark-btn .ico{width:12px}main{padding:22px 20px 0}.hero{padding:28px;margin-bottom:30px;min-height:260px}.hero h1{font-size:35px}.hero p{font-size:11px}.hero-meta{font-size:8px}.hero-button{font-size:11px}.section-top{margin-bottom:18px}.section-top h2{font-size:19px}.search-box{margin-top:17px}.compact-categories{display:flex;overflow-x:auto;gap:6px;padding:0 0 12px;margin-bottom:13px;border-bottom:1px solid var(--line);scrollbar-width:none}.compact-categories button{font-size:10px;color:#98a48c;white-space:nowrap;padding:7px 10px;border-radius:6px}.compact-categories button.active{color:#526b40;background:#e7eedf}.filter-row{align-items:flex-start;gap:6px}.scenario-filters{gap:2px}.scenario-filters button{font-size:9px;padding:5px 7px}.sort-btn>span{display:none}.sort-btn{padding:5px}.sort-btn .ico{width:14px;height:14px}.cards-grid{gap:15px}.card-info{padding:14px 11px 9px}.card-name button{font-size:12px}.card-info>p{font-size:9px;min-height:30px}.card-bottom>span{font-size:7px}.card-bottom{gap:3px;margin-top:7px;padding-top:8px}.card-category{top:14px;left:14px;font-size:6px;padding:2px 4px}.fav-btn{top:12px;right:12px;width:22px;height:22px}.app-footer{margin:0 20px;padding-bottom:100px;font-size:7px;gap:12px}.library-foot{gap:10px;font-size:7px}.library-foot>span{max-width:55%}.recipe-bar{left:15px;right:15px;bottom:15px}.recipe-bar .quiet-btn{padding:8px;font-size:10px}.recipe-summary>.ico{width:24px;height:24px}.recipe-summary{gap:7px}.recipe-summary b{font-size:10px}.recipe-summary small{font-size:8px}.floating-demo{display:grid;bottom:25px;right:20px}.recipe-bar.visible~.floating-demo{display:none}dialog{max-width:calc(100vw - 20px);max-height:94dvh;border-radius:12px}.dialog-top{padding:18px 20px}.dialog-top h2{font-size:18px}.dialog-kicker{font-size:8px}.detail-grid{grid-template-columns:1fr}.detail-left{padding:18px}.detail-preview{min-height:220px;max-height:290px}.detail-preview .preview{aspect-ratio:1.5;max-height:290px;min-height:220px}.detail-right{border-left:0;border-top:1px solid var(--line);padding:20px}.prompt-text{min-height:280px}.detail-explanation{margin-top:20px;padding-top:17px}.detail-explanation p{font-size:11px}.token-controls{margin-top:20px}.recipe-dialog-grid{grid-template-columns:1fr}.recipe-config{max-height:initial}.recipe-output{min-height:440px;border-left:0;border-top:1px solid var(--line)}.recipe-output textarea{min-height:310px}.recipe-output-bottom{justify-content:space-between}.install-content{padding:20px}.install-feature{grid-template-columns:1fr;gap:18px}.install-art{min-height:180px}.install-feature h3{font-size:19px}.install-feature p{max-width:100%}.install-steps{grid-template-columns:1fr;gap:18px;margin:25px 0}.install-steps>div{display:grid;grid-template-columns:30px 1fr;column-gap:10px}.install-steps b{grid-row:span 2;font-size:17px}.install-steps h4{margin:0 0 5px}.install-steps p{grid-column:2}.install-notice{font-size:9px}.settings-content{padding:0 20px 20px}.preference{padding:20px 0}.settings-actions .quiet-btn{font-size:10px}.motion-controls label{width:auto;margin-left:auto;margin-top:0}}
@media(max-width:420px){.cards-grid{grid-template-columns:1fr}.preview{aspect-ratio:1.6}.card-info>p{min-height:initial}.card-info{padding:15px}.card-name button{font-size:14px}.card-info>p{font-size:10px}.card-bottom>span{font-size:9px}.card-category{font-size:8px}.fav-btn{width:26px;height:26px}.hero{padding:25px 22px;min-height:245px}.hero h1{font-size:30px}.hero-meta{font-size:7px;gap:5px}.breadcrumb{gap:5px}.breadcrumb>span,.breadcrumb>b{display:none}.topbar{padding:0 16px}.hero-button{font-size:10px}.app-footer>span{font-size:7px}.dialog-top h2{font-size:16px}}
body.embedded .sidebar,body.embedded .hero,body.embedded .app-footer{display:none}body.embedded .app-main{margin-left:0}body.embedded .topbar{height:51px;padding:0 16px}body.embedded .mobile-menu{display:none}body.embedded .breadcrumb{font-size:10px}body.embedded .breadcrumb>b,body.embedded .breadcrumb>span{display:none}body.embedded .top-actions .quiet-btn{display:none}body.embedded .install-top{background:#e6eedc;color:#5c7448;border:1px solid #dbe6ce;padding:6px 8px}body.embedded main{padding:22px 16px 80px}body.embedded .section-top h2{font-size:19px}body.embedded .section-top{display:block}body.embedded .search-box{width:100%;margin-top:15px}body.embedded .compact-categories{display:flex;overflow:auto;gap:4px;border-bottom:1px solid #e1e7d8;padding:0 0 12px;margin-bottom:14px;scrollbar-width:none}body.embedded .compact-categories button{font-size:10px;padding:6px 8px;white-space:nowrap;color:#8c9b7e;border-radius:5px}body.embedded .compact-categories button.active{background:#e8efdf;color:#5d744b}body.embedded .cards-grid{grid-template-columns:1fr;gap:17px}body.embedded .preview{aspect-ratio:1.7}body.embedded .card-info>p{min-height:0;font-size:10px}body.embedded .card-name button{font-size:13px}body.embedded .card-bottom>span{font-size:9px}body.embedded .card-info{padding:14px}body.embedded .recipe-bar{left:10px;right:10px;bottom:10px}body.embedded .recipe-summary small{display:none}body.embedded .recipe-bar>.quiet-btn{display:none}body.embedded .floating-demo{display:grid}body.embedded .recipe-bar.visible~.floating-demo{display:none}body.embedded .filter-row{margin-bottom:15px}body.embedded .scenario-filters button{font-size:9px;padding:5px 7px}body.embedded .sort-btn span{display:none}body.embedded .library-foot{display:block;line-height:2}body.embedded .library-foot>span{max-width:none}body.embedded .library-foot button{margin-top:7px}body.embedded .detail-grid,body.embedded .recipe-dialog-grid{grid-template-columns:1fr}body.embedded .detail-right{border-left:0;border-top:1px solid var(--line)}body.embedded .recipe-config{max-height:initial}body.embedded .recipe-output{border-left:0;border-top:1px solid var(--line)}body.embedded .recipe-chips{display:none}

.mini-stat strong{display:block}.mini-stat small{vertical-align:middle}.mini-dashboard .mini-graph{padding-bottom:1cqi}.mini-chart{max-height:22cqi}.recipe-bar:not(.visible){visibility:hidden;pointer-events:none}.detail-preview .demo-live input{width:100%;font-size:2.5cqi;border:0;outline:none;background:transparent;color:#687d55}.demo-live button{font-size:inherit;padding:0;text-align:inherit}.demo-live .select-option{display:flex;width:100%;gap:3cqi;align-items:center;padding:2cqi 3cqi;font-size:2.5cqi;color:#7d8e6d}.demo-live .select-option>b{margin-left:auto}.demo-live .command-result{width:100%;text-align:left}.count-number{font-variant-numeric:tabular-nums}.detail-preview .preview:not(.p-dark) .mini-stat{background:color-mix(in srgb,var(--pbg) 85%,white)}

.compact-subnav{display:none}.top-settings{align-self:center;border-color:transparent;background:none;color:#8d9e7d}body.embedded .app-main{max-width:460px;margin:0 auto;border-left:1px solid #e8edde;border-right:1px solid #e8edde}body.embedded .recipe-bar{max-width:440px;margin:0 auto}body.embedded .floating-demo{right:max(20px,calc((100vw - 460px)/2 + 20px))}body.embedded .compact-subnav{display:flex} .compact-subnav{gap:7px;margin:-3px 0 15px;flex-wrap:wrap}.compact-subnav button{font-size:10px;color:#8a9b7b;padding:5px 9px;border:1px solid #dfe8d5;border-radius:5px}.compact-subnav button.active{background:#e1ecd6;color:#5e7a44}.topbar .top-settings{width:28px;height:28px}.topbar .top-settings .ico{width:15px;height:15px}@media(max-width:700px){.compact-subnav{display:flex}}

.web-shortcut-intro{padding:28px;border:1px solid var(--line);border-radius:12px;background:#f0f4e9}.web-shortcut-intro h3{font-size:25px;letter-spacing:-.5px;margin:12px 0}.web-shortcut-intro p{max-width:540px;color:var(--muted);line-height:1.9}.web-shortcut-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}