:root{--ink:#252343;--ink-dark:#1d193e;--violet:#6355a8;--cream:#f7f6f1;--paper:#fffefb;--peach:#f9ad8a;--gold:#ffcc79;--mint:#9cdec0;--lav:#dcd2f3;--muted:#77788d;--line:#eae8e5;--shadow:0 16px 40px rgba(36,29,63,.085);--radius:24px;--side:252px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;color:var(--ink);font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{text-decoration:none;color:inherit}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.overline{font-size:11px;letter-spacing:.14em;color:#89809a;font-weight:900}.main-shell{padding-left:var(--side);min-width:0}.sidebar{width:var(--side);position:fixed;top:0;bottom:0;left:0;z-index:40;background:var(--ink-dark);color:white;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#524975 transparent;display:flex;flex-direction:column;padding:29px 19px 16px}.brand{display:flex;align-items:center;gap:11px;padding:0 6px;margin-bottom:27px}.brand-mark{width:47px;height:47px;background:#ffbc7f;border-radius:15px;display:grid;place-items:center;position:relative;transform:rotate(-8deg);color:#312247;box-shadow:0 7px 0 rgba(0,0,0,.11)}.brand-mark svg{width:30px;height:30px}.brand-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#b9efcf}.dot-a{top:-4px;right:3px}.dot-b{bottom:0;left:-5px}.dot-c{right:-4px;bottom:11px;background:#ffec97}.brand-type strong{display:block;font-size:23px;letter-spacing:-1px;line-height:1.1;font-weight:950}.brand-type strong span{color:#febd83}.brand-type small{font-size:11px;letter-spacing:.04em;color:#c9c4dc}.workspace-tag{border:1px solid #403b6b;border-radius:12px;background:#2b254b;padding:11px 12px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:.09em;color:#cbc6e7;margin-bottom:29px}.status-ping{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9ee8c4;box-shadow:0 0 0 4px #9ee8c41b}.side-label{padding:0 14px;font-size:10px;letter-spacing:.13em;font-weight:900;color:#9993b3;margin-bottom:12px}.side-label-alt{margin-top:33px}.side-nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;width:100%;gap:13px;padding:13px 13px;background:transparent;border:0;text-align:left;border-radius:12px;color:#c4bed7;font-weight:800;transition:.18s ease}.nav-item>span:nth-of-type(1){flex:1}.nav-item .icon{width:19px;height:19px}.nav-item.active{background:#f9ab85;color:#241c41;box-shadow:0 7px 0 #1b1731}.nav-item:hover:not(.active){background:#322a55;color:white;transform:translateX(2px)}.side-counter{font-weight:800;background:#3b3560;border-radius:8px;padding:2px 7px;font-size:11px}.nav-item.active .side-counter{background:#e68e6b}.nav-arrow{font-size:21px;line-height:16px}.new-tag{font-size:9px;padding:3px 6px;background:#665a98;color:#d3c9ff;border-radius:5px;letter-spacing:.06em}.sidebar-bottom{background:#302c5c;border:1px solid #4b4574;border-radius:20px;padding:14px 16px 17px;margin-top:auto;position:relative;overflow:hidden}.side-illustration{height:88px;margin:-8px -10px -2px}.side-illustration svg{width:100%;height:100%}.sidebar-bottom strong{display:block;font-weight:950;font-size:15px;line-height:1.3}.sidebar-bottom p{font-size:11px;color:#d3cce8;line-height:1.7;margin:8px 0 14px}.btn-side{color:#251d43;background:#bceccf;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:12px;font-weight:900;padding:11px 8px}.btn-side .icon{width:15px;height:15px}.btn-side:hover{background:#d4f6e0}.side-credit{font-size:10px;color:#aaa1c5;text-align:center;padding-top:19px}.side-credit span{color:#feb47e}.topbar{height:81px;background:#fffefc;border-bottom:1px solid #eeeae5;display:flex;justify-content:space-between;align-items:center;padding:0 41px;position:sticky;top:0;z-index:25}.topbar-left,.topbar-right{display:flex;align-items:center;gap:21px}.breadcrumb{font-size:11px;color:#a39eaa;letter-spacing:.12em;font-weight:900}.breadcrumb span{margin:0 8px;color:#ccc6cb}.breadcrumb strong{color:#625991}.global-search{height:43px;width:264px;display:flex;align-items:center;gap:9px;border-radius:10px;background:#f6f5f2;border:1px solid #eeeae5;padding:0 11px;color:#8f8994}.global-search input{min-width:0;flex:1;border:0;outline:0;background:none;font-size:12px;color:#2e2850}.global-search .icon{width:17px;height:17px}.global-search kbd{background:white;border:1px solid #e5dfdb;border-radius:5px;padding:2px 6px;font-size:10px}.topbar-create{height:44px;border:0;background:#272048;color:white;display:flex;gap:10px;align-items:center;border-radius:10px;padding:0 16px;font-weight:850;font-size:12px;white-space:nowrap}.topbar-create:hover,.btn-dark:hover{background:#4e3f85;transform:translateY(-1px)}.topbar-create .icon{width:16px;height:16px}.avatar{width:40px;height:40px;background:#d6e8c3;border:3px solid white;box-shadow:0 0 0 1px #dcd8cf;border-radius:13px;display:grid;place-items:center;position:relative;font-size:16px;font-weight:950;color:#3b5a3e}.avatar span{color:#ff9871;font-size:12px;position:absolute;top:-8px;right:-9px}.menu-btn{display:none}main{padding:38px 42px 70px;min-height:calc(100vh - 138px);max-width:1700px;margin:auto}.view{display:none;animation:popin .24s ease}.view.active{display:block}@keyframes popin{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{background:#eee9f8;min-height:398px;border-radius:30px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(410px,1fr) minmax(350px,.95fr);box-shadow:inset 0 0 0 1px #e7def5}.hero::before{content:"";position:absolute;left:-135px;bottom:-260px;width:440px;height:440px;border:1px solid #d7cced;border-radius:50%}.hero-copy{padding:54px 0 45px 48px;position:relative;z-index:3}.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#6453a1;letter-spacing:.12em;font-size:11px;font-weight:950}.small-flower{font-size:20px;color:#f38c75}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}h1{font-weight:950;line-height:1.12}h2{font-weight:950}h3{font-weight:950}.hero h1{font-size:clamp(34px,3.8vw,54px);margin:17px 0 19px}.hero h1 em,.page-title h1 em{font-family:Georgia,"Times New Roman",serif;color:#df7d63;font-weight:700;letter-spacing:-.035em}.hero-copy>p{max-width:400px;color:#686279;line-height:1.72;font-size:13px;margin-bottom:25px}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;padding:13px 17px;border:1px solid transparent;transition:.18s ease;font-size:12px;font-weight:900;text-align:center;min-height:44px}.btn .icon{width:17px;height:17px}.btn-dark{background:#251e45;color:white;box-shadow:0 5px 0 #191532}.btn-outline{border-color:#c8bbdf;color:#4b3f78;background:transparent}.btn-outline:hover{background:white;border-color:#8575b1}.btn-peach{background:#ffd7b9;color:#38263d}.btn-peach:hover{background:#ffbd91}.btn-full{width:100%}.hero-proof{display:flex;align-items:center;margin-top:27px;gap:10px;font-size:10px;color:#79728c}.proof-avatars{display:flex;padding-left:5px}.proof-avatars span{margin-left:-5px;width:26px;height:26px;border-radius:50%;border:2px solid #eee9f8;display:grid;place-items:center;color:#453966;font-size:8px;font-weight:900;background:#e6a3a6}.proof-avatars span:nth-child(2){background:#c3d7e9}.proof-avatars span:nth-child(3){background:#b4e1c2}.hero-art{position:relative;min-width:0;min-height:390px;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;border:2px dashed #d7ceeb;border-radius:50%;transform:rotate(-20deg);opacity:.8}.orbit-one{width:440px;height:330px;right:-35px;top:10px}.orbit-two{width:260px;height:245px;right:140px;bottom:-70px}.art-glow{position:absolute;background:#fff7e2;width:315px;height:315px;border-radius:50%;filter:blur(1px);opacity:.55}.hero-svg{position:relative;z-index:1;width:min(95%,460px);height:360px;filter:drop-shadow(0 13px 8px #4d3d7024);animation:levitate 6s ease-in-out infinite}.float-card{position:absolute;z-index:2;background:#fffefa;border:2px solid #fff;border-radius:13px;box-shadow:0 10px 30px #392d6426;display:flex;align-items:center;gap:9px;padding:9px 13px;transform:rotate(5deg)}.float-card strong{font-size:10px;letter-spacing:.02em;display:block}.float-card small{display:block;font-size:9px;color:#81798b}.float-idea{top:58px;right:20px}.float-icon{width:30px;height:30px;background:#f9bc83;border-radius:9px;display:grid;place-items:center;color:#5b4070;font-size:22px}.float-success{bottom:41px;left:-8px;transform:rotate(-7deg)}.success-dot{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#b5e8cd;color:#1e7c5e}.success-dot .icon{width:16px;height:16px}.hero-bottom-decor{position:absolute;bottom:-24px;right:26%;width:80px;height:80px;border:12px solid #ffdca6;transform:rotate(23deg);border-radius:22px;opacity:.48}@keyframes levitate{0%,100%{transform:translateY(2px) rotate(0deg)}50%{transform:translateY(-8px) rotate(.6deg)}}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:49px 0 21px}.section-head h2{font-size:25px;margin:7px 0 0}.section-head>p{font-size:12px;color:#8f8997;margin:0 0 4px}.headline-spark{font-size:23px;color:#f0a07e}.stats-head{margin-top:42px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.stat-card{border:1px solid #eae4dd;border-radius:19px;background:white;min-height:111px;display:flex;align-items:center;gap:17px;padding:20px 22px;position:relative;overflow:hidden}.stat-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;flex-shrink:0}.stat-icon .icon{width:25px;height:25px}.stat-purple .stat-icon{color:#554790;background:#eae5ff}.stat-peach .stat-icon{color:#b15e3f;background:#ffe4d6}.stat-green .stat-icon{color:#26735d;background:#dff5e9}.stat-card strong{font-size:31px;line-height:1.2;font-weight:950;display:block;letter-spacing:-.06em}.stat-card div>span{display:block;font-size:11px;color:#868193;font-weight:750}.stat-decoration{position:absolute;font-size:73px;line-height:1;color:#e9e5f6;opacity:.65;right:-2px;bottom:-16px}.stat-peach .stat-decoration{color:#fce5d7}.stat-green .stat-decoration{color:#e3f3e9}.category-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.category-tile{height:200px;border:0;border-radius:21px;overflow:hidden;position:relative;text-align:left;padding:0;transition:transform .2s,box-shadow .2s;background:#dcd2f3;color:#2a2748}.category-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.category-tile .cat-illustration{position:absolute;top:0;left:0;right:0;height:138px;overflow:hidden}.category-tile svg{width:100%;height:100%}.category-tile strong{font-size:13px;font-weight:950;display:block;position:absolute;bottom:28px;left:17px}.category-tile small{position:absolute;left:17px;bottom:13px;color:#6e6680;font-weight:750;font-size:10px}.category-tile .cat-arrow{position:absolute;right:12px;bottom:16px;border-radius:50%;background:#fff9;width:26px;height:26px;display:grid;place-items:center}.cat-arrow .icon{width:14px;height:14px}.text-link{border:0;background:transparent;color:#6455a3;display:flex;gap:7px;align-items:center;font-size:12px;font-weight:900}.text-link .icon{width:15px;height:15px}.text-link:hover{text-decoration:underline}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.command-card{position:relative;background:#fff;border:1px solid #eee9e4;border-radius:20px;overflow:hidden;transition:box-shadow .2s,transform .2s;min-width:0}.command-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #28204412}.card-cover{height:123px;position:relative;overflow:hidden}.card-cover .preview-svg{height:100%;width:100%}.card-cover .cover-index{position:absolute;top:12px;left:13px;border:1px solid #fff9;color:#fff;background:#2a234b70;padding:4px 8px;border-radius:6px;font-weight:900;font-size:9px;letter-spacing:.06em}.card-cover .cover-fav{position:absolute;top:9px;right:10px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #fff9;background:#fff;box-shadow:0 4px 13px #31234312;color:#948c9e;z-index:1}.cover-fav .icon{width:17px;height:17px}.cover-fav.is-fav{color:#d9636b;background:#fff2f1}.cover-fav.is-fav .icon{fill:#ee8b91;stroke:#d9636b}.card-main{padding:18px 18px 15px}.card-kicker{font-size:9px;letter-spacing:.08em;color:#8c819d;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}.card-main h3{font-size:18px;line-height:1.28;margin:0 0 8px;font-weight:950;overflow-wrap:anywhere;letter-spacing:-.045em}.card-main p{color:#858091;font-size:11px;line-height:1.65;height:54px;overflow:hidden;margin-bottom:13px}.card-foot{border-top:1px dashed #e9e2e5;display:flex;justify-content:space-between;align-items:center;gap:5px;padding-top:12px}.card-chip{font-size:9px;border-radius:6px;background:#f2eff8;color:#756b9b;padding:5px 7px;font-weight:850;max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-action{font-size:10px;font-weight:950;color:#4d3f82;border:0;background:none;display:flex;align-items:center;gap:4px;white-space:nowrap}.card-action:hover{text-decoration:underline}.card-action .icon{width:13px;height:13px}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-title h1{font-size:clamp(32px,3.35vw,47px);margin:8px 0 12px}.page-title p{font-size:13px;color:#888293;max-width:610px;line-height:1.6;margin:0}.page-title-graphic{color:#f4b888;font-size:85px;line-height:1;transform:rotate(-13deg);font-weight:950;opacity:.8}.catalog-toolbar{background:#fff;padding:18px;border-radius:19px;border:1px solid #eeeae4}.catalog-search{height:49px;display:flex;align-items:center;gap:12px;background:#f8f7f5;border:1px solid #efede9;padding:0 16px;border-radius:11px;color:#8f899b}.catalog-search:focus-within,.global-search:focus-within,.admin-search:focus{outline:2px solid #b4a7de;outline-offset:1px}.catalog-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:#2a2548;font-size:12px}.filter-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.filter-row select{max-width:240px;min-width:120px;flex:1;min-height:40px;border-radius:9px;border:1px solid #e9e4e2;background:white;padding:0 10px;color:#615a6f;font-size:11px;font-weight:800}.clear-filter{background:transparent;border:0;color:#73649d;font-size:11px;font-weight:900;padding:0 10px}.clear-filter:hover{text-decoration:underline}.results-line{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 14px;font-size:12px;color:#99919f}.results-line strong{color:#3d345e}.load-row{display:flex;justify-content:center;margin-top:27px}.empty-state{text-align:center;padding:65px 20px;background:#fff;border-radius:22px;border:1px dashed #dbd4e9;margin-top:20px}.empty-icon{width:70px;height:70px;border-radius:25px;background:#ebe2fa;color:#8571bd;font-size:47px;margin:0 auto 15px}.empty-state h3{margin:0 0 8px;font-size:23px}.empty-state p{color:#847f8e;font-size:12px;margin-bottom:20px}.studio-layout{display:grid;grid-template-columns:minmax(400px,1.03fr) minmax(365px,.97fr);gap:23px;align-items:start}.studio-editor,.studio-preview{background:white;border:1px solid #eee9e4;border-radius:23px;overflow:hidden;box-shadow:0 5px 20px rgba(43,36,72,.025)}.studio-editor{padding:27px}.editor-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.number-pill{display:grid;place-items:center;width:41px;height:41px;border-radius:11px;background:#eae4ff;color:#5c5291;font-size:15px;font-weight:950}.editor-header h2{font-size:18px;margin:0 0 4px}.editor-header p{color:#8a8290;font-size:11px;margin:0}.field{margin-bottom:21px}.field label{display:block;font-size:12px;font-weight:950;margin-bottom:8px;color:#3a3553}.field label>span:not(.optional){color:#ec8c76}.field label>.optional{font-size:10px;color:#a8a1ae;font-weight:700}.field input:not([type=checkbox]),.field select,.field textarea{border:1px solid #e8e4e1;background:#fbfaf8;border-radius:10px;outline:0;color:#37324f;padding:12px;font-size:12px;width:100%;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a499cf;box-shadow:0 0 0 3px #a499cf26}.field small{display:block;color:#aba3ae;margin-top:6px;font-size:10px}.field-group{display:grid;grid-template-columns:1fr 1fr;gap:15px}.code-picker{border:1px solid #d9d2ed;background:#f6f2ff;border-radius:12px;padding:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.chosen-code{min-width:0;display:flex;gap:10px;align-items:center}.mini-paint{background:#ded3f5;color:#6857a6;border-radius:9px;width:39px;height:39px;display:grid;place-items:center}.mini-paint .icon{width:18px;height:18px}.chosen-code strong{display:block;font-size:13px;overflow-wrap:anywhere}.chosen-code small{margin-top:2px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.btn-change{font-weight:900;font-size:11px;color:#6452a0;border:0;background:#fff;border-radius:8px;padding:10px;white-space:nowrap}.btn-change:hover{background:#dfd6f6}.field-check{background:#faf9f6;border-radius:12px;padding:14px 14px 4px;margin-bottom:22px}.toggle-line{display:flex!important;align-items:center;gap:11px;margin-bottom:13px!important;cursor:pointer;color:#6d667a!important;font-size:11px!important;font-weight:780!important}.toggle-line input{position:absolute;opacity:0;width:1px;height:1px}.fake-toggle{position:relative;border-radius:14px;width:35px;height:21px;background:#c6c1c9;flex-shrink:0;transition:background .2s}.fake-toggle::after{content:"";position:absolute;left:3px;top:3px;height:15px;width:15px;border-radius:50%;background:white;transition:transform .2s}.toggle-line input:checked+.fake-toggle{background:#806cc4}.toggle-line input:checked+.fake-toggle::after{transform:translateX(14px)}.toggle-line input:focus-visible+.fake-toggle{outline:3px solid #f5ac83}.editor-buttons{text-align:center}.btn-text{display:inline-block;border:0;background:transparent;color:#8e829e;font-size:11px;font-weight:850;padding:13px}.btn-text:hover{text-decoration:underline}.studio-preview{position:sticky;top:104px}.preview-cap{height:45px;display:flex;align-items:center;justify-content:space-between;background:#29224f;color:white;padding:0 22px;font-size:10px;font-weight:900;letter-spacing:.1em}.preview-cap>span:first-child{display:flex;gap:8px;align-items:center}.online-dot{width:6px;height:6px;border-radius:50%;background:#b6f5d3;display:inline-block}.preview-version{color:#beb4dc}.preview-illustration{height:146px;background:#f4effb;overflow:hidden}.preview-illustration svg{width:100%;height:100%;object-fit:cover}.preview-body{padding:22px}.preview-top{display:flex;gap:8px;justify-content:space-between;align-items:center}.preview-top h3{font-size:19px;margin:0}.ready-badge{color:#a16a4c;background:#fff3e7;border-radius:6px;font-size:9px;font-weight:950;padding:6px;white-space:nowrap}.ready-badge.ready{background:#e6f7ed;color:#31845f}.preview-help{font-size:11px;line-height:1.65;color:#8b8494;margin:8px 0 14px}.preview-body textarea{border:1px solid #e9e4e2;background:#faf9f7;border-radius:11px;width:100%;min-height:300px;padding:15px;resize:vertical;font-family:Consolas,Monaco,"Courier New",monospace;font-size:11px;line-height:1.7;color:#544e61;outline:0}.preview-body textarea:focus{border-color:#a499cf;box-shadow:0 0 0 3px #a499cf22}.prompt-metrics{display:flex;gap:9px;color:#9c95a2;font-size:10px;margin:9px 1px 18px}.prompt-metrics>span:nth-child(2){color:#f4a776}.preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-actions .btn{padding:11px 10px;font-size:11px}.secondary-link{display:flex;align-items:center;gap:8px;margin:18px auto 0;color:#7060a1;font-size:11px;background:transparent;border:0;font-weight:900}.secondary-link .icon{width:15px;height:15px}.secondary-link:hover{text-decoration:underline}.notice{display:flex;gap:10px;padding:17px 20px;background:#fff5e8;color:#947659;border-top:1px solid #f5e7d3}.notice .icon{width:20px;height:20px;flex-shrink:0}.notice p{font-size:10.5px;line-height:1.65;margin:0}.notice b{color:#65513e}.saved-switch{display:inline-flex;padding:6px;border-radius:13px;background:white;border:1px solid #e8e2e2;gap:5px;margin-bottom:22px}.segment{background:transparent;color:#776e82;border:0;border-radius:9px;padding:11px 16px;font-weight:900;font-size:12px}.segment.active{background:#29224c;color:#fff}.segment span{font-size:10px;opacity:.8;margin-left:4px}.history-list{display:flex;flex-direction:column;gap:12px}.history-entry{display:flex;gap:15px;align-items:center;padding:17px 19px;border-radius:16px;background:white;border:1px solid #ede9e3}.history-entry>span{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#efe9fa;color:#7f69af}.history-entry>div{flex:1;min-width:0}.history-entry strong{font-size:13px;display:block}.history-entry small{font-size:10px;color:#9991a1;display:block;margin-top:4px}.history-entry button{border:0;background:#f5f2f9;color:#615092;border-radius:9px;font-size:10px;font-weight:900;padding:10px}.saved-empty{padding:68px 20px;text-align:center;background:white;border:1px dashed #dcd5e8;border-radius:19px}.saved-empty>span{display:block;font-size:50px;color:#e68e9b}.saved-empty h3{font-size:22px;margin:0 0 8px}.saved-empty p{font-size:12px;color:#8e8494}.guide-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.guide-steps article{padding:20px;border:1px solid #ebe7e2;background:white;border-radius:20px;min-width:0}.guide-num{font-size:11px;color:#a79eb1;font-weight:950}.guide-art{height:105px;display:grid;place-items:center;border-radius:14px;margin:10px 0 16px;font-size:75px;font-family:Georgia,serif;font-weight:bold}.art-one{color:#6b589e;background:#e8ddf5}.art-two{color:#b45b6c;background:#ffe0cc}.art-three{color:#518c76;background:#daf2e2}.art-four{color:#b58445;background:#fff1be}.guide-steps h3{font-size:17px;margin:0 0 7px}.guide-steps p{color:#807b88;font-size:11px;line-height:1.7;margin:0}.faq-title{margin:45px 0 18px}.faq-title h2{font-size:27px;margin:5px 0 0}.faq-list{display:grid;gap:11px}.faq-list details{background:white;border:1px solid #ebe7e2;border-radius:13px;padding:17px 20px}.faq-list summary{cursor:pointer;font-size:13px;font-weight:950;list-style:none;padding-right:25px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";font-size:22px;position:absolute;right:0;top:-5px;color:#8b79ad}.faq-list details[open] summary::after{content:"−"}.faq-list details p{font-size:12px;color:#817b8c;line-height:1.75;margin:13px 0 0}.faq-list code{background:#f4f1f8;border-radius:4px;padding:2px 5px;color:#66589b}.guide-callout{margin-top:30px;border-radius:19px;background:#e8e2f6;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.guide-callout h3{font-size:21px;margin:0 0 6px}.guide-callout p{font-size:11px;color:#7b7190;margin:0;line-height:1.6}.site-footer{font-size:10px;color:#9891a1;display:flex;justify-content:space-between;gap:15px;padding:21px 42px 27px;border-top:1px solid #ede8e1}.footer-star{color:#ef9c7b}.modal-scrim{display:none;align-items:center;justify-content:center;padding:20px;position:fixed;inset:0;background:rgba(18,13,40,.68);z-index:120;overflow-y:auto;backdrop-filter:blur(4px)}.modal-scrim.open{display:flex;animation:popin .15s ease}.modal-card,.picker-card,.admin-card,.edit-card{position:relative;width:min(100%,660px);max-height:calc(100dvh - 40px);overflow-y:auto;background:white;border-radius:22px;box-shadow:0 34px 70px #100d2970}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;background:#f2f0ef;color:#5f5777}.icon-btn:hover{background:#e5dff0}.modal-close{position:absolute;right:18px;top:17px;z-index:1}.modal-cover{height:205px;overflow:hidden}.modal-cover .preview-svg{width:100%;height:100%}.modal-info{padding:26px 30px 30px}.modal-info .card-kicker{margin-bottom:10px}.modal-info h2{font-size:28px;margin:0 0 9px;overflow-wrap:anywhere}.modal-info p{color:#7e7586;line-height:1.75;font-size:13px;margin-bottom:20px}.modal-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.modal-meta span{font-size:10px;font-weight:850;border-radius:7px;background:#f2eef8;color:#66568d;padding:7px 10px}.modal-actions{display:flex;gap:9px;flex-wrap:wrap}.modal-actions .btn{flex:1;min-width:150px}.picker-card{width:min(100%,650px);padding:25px}.picker-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.picker-head h2{font-size:25px;margin:5px 0 0}.picker-search{margin:18px 0 12px}.picker-results{display:flex;flex-direction:column;gap:6px;max-height:55vh;overflow-y:auto}.picker-item{width:100%;display:flex;gap:12px;align-items:center;text-align:left;padding:11px;border:1px solid #eee9e5;background:white;border-radius:11px}.picker-item:hover{background:#f7f3fe;border-color:#d4c6f0}.picker-item>span:first-child{height:45px;width:56px;border-radius:8px;overflow:hidden;flex-shrink:0}.picker-item>span:first-child .preview-svg{width:100%;height:100%}.picker-item>span:nth-child(2){flex:1;min-width:0}.picker-item strong{display:block;word-break:break-all;font-size:12px}.picker-item small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:#8d8593}.picker-item .icon{width:17px;height:17px;color:#8a7ab3}.picker-empty{font-size:12px;color:#8a8194;text-align:center;padding:20px}.admin-card{width:min(100%,780px);padding:26px}.admin-head{display:flex;justify-content:space-between;gap:12px}.admin-head h2{margin:5px 0 6px;font-size:27px}.admin-head p{color:#8a8193;font-size:12px;margin:0}.admin-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.admin-tool{display:flex;align-items:flex-start;flex-direction:column;gap:4px;text-align:left;border:1px solid #e5dfec;background:#f9f7fd;border-radius:12px;padding:17px;color:#65548b;cursor:pointer}.admin-tool:hover{border-color:#afa1d1;background:#f1eafa}.admin-tool .icon{width:21px;height:21px;margin-bottom:7px}.admin-tool strong{font-size:12px;color:#40345e}.admin-tool small{font-size:10px;color:#958d9c}.admin-note{background:#fff4e5;border-radius:10px;color:#8b6d51;font-size:10px;display:flex;gap:9px;line-height:1.65;padding:12px;margin:17px 0 21px}.admin-note .icon{width:16px;height:16px}.admin-list-head{display:flex;justify-content:space-between;align-items:center}.admin-list-head h3{font-size:16px;margin:0 0 10px}.admin-list-head span{font-size:10px;color:#988f9f}.admin-search{width:100%;border:1px solid #e5e0e7;outline:0;border-radius:10px;padding:13px;font-size:12px;margin-bottom:12px}.admin-list{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.admin-item{display:flex;align-items:center;gap:10px;border:1px solid #efebe8;border-radius:10px;padding:11px}.admin-item>div{min-width:0;flex:1}.admin-item strong{font-size:12px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.admin-item small{font-size:10px;color:#958d98;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-item button{padding:8px;border:0;border-radius:7px;color:#65559b;background:#f4effb}.admin-item button .icon{width:16px;height:16px}.edit-card{width:min(100%,540px);padding:27px}.edit-card form{margin-top:22px}.edit-card .field{margin-bottom:16px}.edit-bottom{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.danger-link{margin-left:auto;background:none;border:0;color:#b74b52;font-size:11px;font-weight:900}.toast{position:fixed;z-index:150;bottom:24px;right:24px;background:#29234c;color:white;border-radius:12px;padding:13px 18px;box-shadow:0 18px 36px #130c3c4a;font-size:12px;font-weight:850;opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s;max-width:330px}.toast.show{opacity:1;transform:translateY(0)}.mobile-scrim{display:none}
@media(min-width:1500px){.category-tile{height:220px}.category-tile .cat-illustration{height:156px}.card-cover{height:140px}.hero{min-height:420px}}
@media(max-width:1170px){:root{--side:225px}.sidebar{padding:24px 13px}.topbar{padding:0 26px}main{padding:30px 27px 60px}.hero{grid-template-columns:minmax(370px,1fr) minmax(250px,.9fr)}.hero-copy{padding-left:32px}.hero-art{min-height:365px}.float-idea{right:1px}.float-success{left:-20px}.category-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile{height:190px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.global-search{width:220px}.studio-layout{grid-template-columns:1fr}.studio-preview{position:static}.preview-body textarea{min-height:235px}}
@media(max-width:820px){:root{--side:0px}.sidebar{transform:translateX(-105%);transition:transform .2s;width:265px}.sidebar.mobile-open{transform:translateX(0)}.mobile-scrim.open{display:block;position:fixed;inset:0;background:#1410269a;z-index:35}.menu-btn{display:grid}.topbar{height:68px;padding:0 19px}.topbar-left{gap:12px}.global-search{width:180px}.topbar-create{padding:0 12px}.topbar-create span{display:none}main{padding:25px 21px 55px}.hero-copy{padding-left:30px}.hero h1{font-size:35px}.hero-copy>p{font-size:12px}.hero{grid-template-columns:1fr 0.8fr;min-height:350px}.hero-art{min-height:330px}.hero-svg{width:115%;height:310px}.hero-proof{display:none}.float-card{display:none}.guide-steps{grid-template-columns:repeat(2,1fr)}.site-footer{padding:18px 21px}.page-title h1{font-size:36px}}
@media(max-width:620px){.topbar{padding:0 14px}.global-search{display:none}.topbar-create{height:38px}.avatar{width:35px;height:35px}.breadcrumb{font-size:10px;letter-spacing:.07em}.topbar-left,.topbar-right{gap:11px}main{padding:19px 14px 38px}.hero{display:block;min-height:0;border-radius:21px}.hero-copy{padding:29px 23px 13px}.hero h1{font-size:34px;margin:11px 0}.hero-copy>p{max-width:none}.hero-eyebrow{font-size:9px}.hero-art{min-height:245px;height:245px}.hero-svg{height:270px;width:min(100%,360px)}.orbit-one{width:310px;height:240px;right:0;top:-10px}.orbit-two{display:none}.hero-actions .btn{font-size:11px;padding:11px 13px}.section-head{margin:35px 0 15px;align-items:start}.section-head h2{font-size:22px}.section-head>p{display:none}.section-head .text-link{font-size:10px;max-width:100px;text-align:right}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.stat-card{padding:12px 9px;min-height:114px;display:block;text-align:center;border-radius:12px}.stat-icon{width:33px;height:33px;margin:0 auto 5px;border-radius:10px}.stat-icon .icon{width:18px;height:18px}.stat-card strong{font-size:23px}.stat-card div>span{font-size:9px;line-height:1.3;margin-top:5px}.stat-decoration{display:none}.category-gallery{gap:10px}.category-tile{height:160px;border-radius:14px}.category-tile .cat-illustration{height:100px}.category-tile strong{font-size:11px;bottom:27px;left:12px;max-width:calc(100% - 25px)}.category-tile small{left:12px;font-size:9px}.category-tile .cat-arrow{width:21px;height:21px;right:9px;bottom:10px}.cards-grid{grid-template-columns:1fr;gap:11px}.home-featured .command-card:nth-child(n+4){display:none}.card-cover{height:127px}.card-main{padding:14px 15px}.card-main p{height:auto;max-height:48px}.page-title{margin-bottom:19px}.page-title h1{font-size:32px}.page-title p{font-size:12px}.page-title-graphic{font-size:56px}.catalog-toolbar{padding:12px}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-row select{max-width:none;min-width:0;width:100%;font-size:10px}.filter-row select:nth-child(5){grid-column:1/3}.clear-filter{min-height:33px}.results-line{gap:7px}.results-line>span{display:none}.studio-layout{display:block}.studio-editor{padding:19px 15px;margin-bottom:15px}.editor-header{margin-bottom:20px}.editor-header h2{font-size:16px}.field-group{gap:9px}.field-group select{font-size:11px;padding:10px 7px}.code-picker{padding:9px}.chosen-code strong{font-size:12px}.chosen-code small{max-width:135px}.btn-change{font-size:10px;padding:8px}.preview-body{padding:17px}.preview-actions{grid-template-columns:1fr 1fr}.saved-switch{display:flex}.segment{padding:9px;font-size:10px}.guide-steps{gap:10px}.guide-steps article{padding:13px}.guide-art{height:75px;font-size:55px}.guide-steps h3{font-size:14px}.guide-steps p{font-size:10px}.guide-callout{display:block;padding:21px}.guide-callout .btn{margin-top:13px}.site-footer{display:block;text-align:center;font-size:9px;line-height:1.9}.site-footer>span{display:block}.modal-scrim{padding:10px}.modal-info{padding:21px}.modal-cover{height:150px}.modal-info h2{font-size:23px}.picker-card,.admin-card,.edit-card{padding:19px;max-height:calc(100dvh - 20px)}.admin-tools{gap:6px}.admin-tool{padding:11px 7px}.admin-tool .icon{width:19px;height:19px}.admin-tool strong{font-size:10px}.admin-tool small{font-size:9px}.admin-head h2{font-size:21px}.preview-body textarea{min-height:265px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}