@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Schibsted+Grotesk:wght@400..700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--ink:#16282c;--ink-2:#1e363b;--ink-muted:#536f74;--teal:#3d8b96;--teal-hover:#31727b;--teal-dark:#275960;--teal-light:#4eacb9;--teal-50:#f1f8f9;--teal-100:#e0eff1;--amber:#f4b860;--amber-hover:#e3a446;--amber-dark:#c68628;--amber-50:#fef9f1;--amber-100:#fbebd2;--slate-100:#e6eced;--surface:#faf8f3;--card:#fff;--line:#ece8de;--line-strong:#e2ddd1;--danger:#b42318;--danger-50:#fef3f2;--shelf-jualan:var(--amber-100);--shelf-konten:var(--teal-100);--shelf-affiliate:var(--slate-100);--shelf-bisnis:#e4eedf;--bg:var(--surface);--bg-deep:var(--teal-50);--bg-panel:var(--card);--bg-elev:var(--surface);--border:var(--line);--border-strong:var(--line-strong);--text:var(--ink);--text-muted:var(--ink-muted);--text-dim:#6b8287;--accent-rgb:61, 139, 150;--accent:var(--teal);--accent-hover:var(--teal-hover);--accent-soft:#3d8b9624;--accent-deep:var(--teal-dark);--r-sheet:26px;--r-card:20px;--r-tile:16px;--r-ctl:10px;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-ui:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-ui);background:var(--ink);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;overflow:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;line-height:1.15}img{max-width:100%;display:block}button{font:inherit;color:inherit}::selection{background:var(--teal);color:#fff}:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:padding-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#cfc8b8 padding-box padding-box}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.app-container{flex-direction:column;height:100dvh;display:flex}@media (width>=1081px){:root{--ui-scale:.9}.app-container,.modal-overlay,.toast-container{zoom:var(--ui-scale)}.app-container{height:calc(100vh / var(--ui-scale));height:calc(100dvh / var(--ui-scale))}}.top-header{color:#fff;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:64px;padding:0 20px;display:grid}.brand{color:inherit;justify-self:start;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{background:var(--amber);width:34px;height:34px;color:var(--ink);font-family:var(--font-display);border-radius:10px;place-items:center;font-size:19px;font-weight:800;line-height:1;display:grid}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:19px;font-weight:700}.view-nav{background:var(--ink-2);border-radius:999px;gap:4px;padding:4px;display:flex}.view-tab{color:#c9d6d8;cursor:pointer;height:40px;transition:background-color .2s var(--ease-out), color .2s var(--ease-out);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.view-tab svg{width:17px;height:17px}.view-tab:hover{color:#fff}.view-tab[aria-current=page]{background:var(--surface);color:var(--ink)}.top-header-right{justify-self:end;align-items:center;gap:8px;display:flex}.btn-frame{color:#e3eced;cursor:pointer;height:40px;transition:background-color .2s var(--ease-out);background:0 0;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.btn-frame:hover{background:var(--ink-2);color:#fff}.btn-frame svg{width:17px;height:17px}.btn-frame.icon-only{justify-content:center;width:40px;padding:0}.sheet{background:var(--surface);border-radius:var(--r-sheet);flex:1;min-height:0;margin:0 8px 8px;position:relative;overflow:hidden}.view{height:100%}.view[hidden]{display:none}.view-home{overflow-y:auto}.home-inner{max-width:1360px;margin:0 auto;padding:32px 36px 48px}.home-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.home-greet h1{font-size:clamp(28px,2.6vw,38px);font-weight:700}.home-greet p{color:var(--ink-muted);margin-top:6px;font-size:16px}.home-stats{flex-wrap:wrap;gap:10px;list-style:none;display:flex}.home-stat{border-radius:var(--r-tile);background:var(--teal-100);align-items:center;gap:10px;padding:10px 16px 14px 10px;display:flex;position:relative}.home-stat:nth-child(3){background:var(--slate-100)}.home-stat-icon{width:38px;height:38px;color:var(--teal-dark);background:var(--card);border-radius:12px;place-items:center;display:grid}.home-stat-icon svg{width:19px;height:19px}.home-stat:nth-child(3) .home-stat-icon{color:var(--ink)}.home-stat-bar{background:#16282c1a;border-radius:999px;height:4px;position:absolute;bottom:7px;left:58px;right:16px;overflow:hidden}.home-stat-bar>span{border-radius:inherit;background:var(--teal-dark);height:100%;display:block}.home-stat-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1;display:block}.home-stat-label{color:var(--ink-muted);margin-top:3px;font-size:13px;line-height:1.2;display:block}.home-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.home-main{flex-direction:column;gap:32px;min-width:0;display:flex}.home-side{flex-direction:column;gap:20px;display:flex;position:sticky;top:0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.section-head h2{font-size:22px;font-weight:700}.continue-card{border-radius:var(--r-card);background:var(--card);border:1px solid var(--line-strong);align-items:center;gap:20px;padding:18px;display:flex}.continue-art{border-radius:var(--r-tile);flex-shrink:0;place-items:center;width:96px;height:96px;display:grid}.continue-art img{width:64px;height:64px}.continue-body{flex:1;min-width:0}.continue-mode{color:var(--teal-dark);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.continue-title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 4px;font-size:22px;font-weight:700;overflow:hidden}.continue-meta{color:var(--ink-muted);font-size:14px}.continue-actions{flex-shrink:0;gap:8px;display:flex}.seg{background:var(--card);border:1px solid var(--line);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.seg-btn{height:34px;color:var(--ink-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:14px;font-weight:600}.seg-btn:hover{color:var(--ink)}.seg-btn[aria-pressed=true]{background:var(--ink);color:#fff}.seg-count{font-variant-numeric:tabular-nums;opacity:.7;margin-left:4px;font-weight:500}.mode-grid{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:14px;display:grid}.mode-card{border-radius:var(--r-tile);border:1px solid var(--line-strong);background:var(--card);text-align:left;cursor:pointer;isolation:isolate;min-height:150px;transition:border-color .2s var(--ease-out), box-shadow .25s var(--ease-out);flex-direction:column;align-items:flex-start;padding:16px 104px 16px 18px;display:flex;position:relative;overflow:hidden}.mode-card:hover{border-color:var(--teal);box-shadow:0 10px 24px -14px #16282c59}.mode-card:after{content:"";z-index:-1;background:var(--shelf,var(--teal-100));border-radius:48px 0 0;width:128px;height:128px;position:absolute;bottom:-22px;right:-22px;transform:rotate(-8deg)}.mode-card[data-group=jualan]{--shelf:var(--shelf-jualan)}.mode-card[data-group=konten]{--shelf:var(--shelf-konten)}.mode-card[data-group=bisnis]{--shelf:var(--shelf-bisnis)}.mode-card[data-group=affiliate]{--shelf:var(--shelf-affiliate)}.mode-card-art{width:72px;height:72px;transition:transform .35s var(--ease-out);position:absolute;bottom:14px;right:14px}.mode-card:hover .mode-card-art{transform:translateY(-4px)rotate(-4deg)}.mode-out{background:var(--surface);border:1px solid var(--line);height:24px;color:var(--ink-muted);border-radius:999px;align-items:center;padding:0 9px;font-size:12.5px;font-weight:600;display:inline-flex}.mode-tags{flex-wrap:wrap;gap:6px;display:flex}.mode-photo{background:var(--teal-50);border-color:var(--teal-100);color:var(--teal-dark);gap:4px}.mode-photo svg{width:13px;height:13px}.mode-card-title{font-family:var(--font-display);color:var(--ink);margin-top:12px;font-size:18px;font-weight:700;line-height:1.2}.mode-card-desc{color:var(--ink-muted);margin-top:4px;font-size:13.5px;line-height:1.45}.feature-card{border-radius:var(--r-card);background:var(--amber);color:var(--ink);isolation:isolate;padding:22px 22px 20px;position:relative;overflow:hidden}.feature-card:before{content:"";z-index:-1;background:var(--amber-light,#f7cb88);border-radius:50%;width:190px;height:190px;position:absolute;top:-40px;right:-40px}.feature-art{width:88px;height:88px;position:absolute;top:16px;right:16px}.feature-card h3{min-height:92px;padding:4px 96px 0 0;font-size:23px;font-weight:700}.feature-card p{color:#3a3220;max-width:34ch;margin:10px 0 16px;font-size:14.5px;line-height:1.5}.seg{scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.side-card{border-radius:var(--r-card);background:var(--card);border:1px solid var(--line);padding:18px}.side-card .section-head{margin-bottom:10px}.side-card h3{font-size:18px;font-weight:700}.recent-list{flex-direction:column;gap:4px;list-style:none;display:flex}.recent-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:8px;display:flex}.recent-item:hover{background:var(--surface)}.recent-art{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.recent-art img{width:26px;height:26px}.recent-text{flex:1;min-width:0}.recent-label{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.recent-meta{color:var(--ink-muted);font-size:12.5px;display:block}.recent-go{color:var(--ink-muted);flex-shrink:0}.recent-go svg{width:16px;height:16px}.empty{text-align:center;color:var(--ink-muted);flex-direction:column;align-items:center;gap:8px;padding:18px 8px 8px;font-size:14px;display:flex}.empty img{width:56px;height:56px}[data-shelf=jualan]{background:var(--shelf-jualan)}[data-shelf=konten]{background:var(--shelf-konten)}[data-shelf=bisnis]{background:var(--shelf-bisnis)}[data-shelf=affiliate]{background:var(--shelf-affiliate)}.view-studio{grid-template-columns:252px minmax(0,1fr) minmax(360px,420px);gap:12px;padding:12px;display:grid}.pane{border-radius:var(--r-card);background:var(--card);border:1px solid var(--line);min-height:0}.sidebar{flex-direction:column;padding:14px 10px 10px;display:flex;overflow-y:auto}.rail-group+.rail-group{margin-top:14px}.rail-group-title{font-family:var(--font-ui);letter-spacing:0;color:var(--ink-muted);padding:0 10px 6px;font-size:13px;font-weight:600}.rail-list{flex-direction:column;gap:2px;list-style:none;display:flex}.sidebar-spacer{flex:1;min-height:16px}.rail-foot{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding-top:10px;display:flex}.main-content.pane{background:0 0;border:0;border-radius:0;padding:0 4px 40px;overflow-y:auto}.form-header{z-index:5;border-radius:var(--r-card);background:var(--card);border:1px solid var(--line-strong);box-shadow:0 -12px 0 var(--surface), 0 10px 24px -18px #16282c59;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;padding:16px 18px;display:flex;position:sticky;top:0}.form-header-art{border-radius:var(--r-tile);flex-shrink:0;place-items:center;width:68px;height:68px;display:grid}.form-header-art img{width:48px;height:48px}.form-header-text{flex:300px;min-width:0}.form-header h1{font-size:26px;font-weight:700}.form-header p{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:70ch;margin-top:4px;font-size:14px;display:-webkit-box;overflow:hidden}.form-header-actions{flex-shrink:0;gap:8px;display:flex}.right-panel{flex-direction:column;display:flex;overflow:hidden}@media (width<=1280px){.view-studio{grid-template-columns:220px minmax(0,1fr) 360px}.home-grid{grid-template-columns:minmax(0,1fr) 300px}}@media (width<=1080px){.home-grid{grid-template-columns:1fr}.home-side{grid-template-columns:1fr 1fr;display:grid;position:static}.view-studio{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);align-content:start;overflow-y:auto}.sidebar{flex-direction:row;gap:14px;padding:10px;overflow:auto hidden}.rail-group+.rail-group{margin-top:0}.rail-list{flex-direction:row}.rail-group-title{white-space:nowrap;padding:0 6px 6px}.sidebar-spacer{display:none}.rail-foot{border-top:0;border-left:1px solid var(--line);flex-direction:row;padding:22px 0 0 10px}.main-content.pane{overflow:visible}.form-header{box-shadow:none;position:static}.view-studio>.pane{min-height:auto}.view-studio>.sidebar{min-height:100px}.right-panel{height:min(720px,88vh);overflow:hidden}}@media (width<=720px){html,body{font-size:14px}.top-header{grid-template-columns:auto 1fr auto;gap:10px;padding:0 12px}.brand-name{display:none}.view-nav{justify-self:center}.view-tab{padding:0 14px}.btn-frame .btn-frame-label{display:none}.btn-frame{justify-content:center;width:40px;padding:0}.sheet{border-radius:20px;margin:0 4px 4px}.home-inner{padding:22px 16px 32px}.home-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.home-stat{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 10px 16px}.home-stat-bar{left:10px;right:10px}.home-stat-icon{border-radius:10px;width:32px;height:32px}.home-side{grid-template-columns:1fr}.continue-card{flex-wrap:wrap}.continue-art{width:72px;height:72px}.continue-art img{width:48px;height:48px}.continue-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.continue-actions{width:100%}.continue-actions>*{flex:1;justify-content:center}.seg{width:100%;overflow-x:auto}.view-studio{gap:8px;padding:8px}.main-content.pane{padding:0 0 24px}.form-header{flex-wrap:wrap}.form-header-actions{width:100%}.form-header-actions>*{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){html:not(.motion-on) *,html:not(.motion-on) :before,html:not(.motion-on) :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn-primary,.btn-ghost,.btn-ink{height:42px;font-family:var(--font-ui);white-space:nowrap;cursor:pointer;transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out), transform .12s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary svg,.btn-ghost svg,.btn-ink svg{flex-shrink:0;width:17px;height:17px}.btn-primary:active,.btn-ghost:active,.btn-ink:active{transform:translateY(1px)}.btn-primary{border:1px solid var(--teal-dark);background:var(--teal-dark);color:#fff}.btn-primary:hover{background:#1f4a50;border-color:#1f4a50}.btn-ink{border:1px solid var(--ink);background:var(--ink);color:#fff}.btn-ink:hover{background:var(--ink-2)}.btn-ghost{border:1px solid var(--line-strong);background:var(--card);color:var(--ink)}.btn-ghost:hover{border-color:var(--teal);color:var(--teal-dark)}.btn-sm{height:36px;padding:0 14px;font-size:13.5px}.btn-sm svg{width:15px;height:15px}.btn-primary:disabled,.btn-ghost:disabled,.btn-primary.opacity-50,.btn-ghost.opacity-50{opacity:.45;cursor:not-allowed;transform:none}.btn-link{color:var(--teal-dark);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:14px;font-weight:600;-webkit-text-decoration:underline #27596059;text-decoration:underline #27596059}.btn-link:hover{text-decoration-color:currentColor}.btn-danger-ghost{color:var(--danger)!important}.btn-danger-ghost:hover{border-color:var(--danger)!important;background:var(--danger-50)!important}.side-btn{width:100%;min-height:42px;color:var(--ink);text-align:left;cursor:pointer;white-space:nowrap;transition:background-color .16s var(--ease-out);background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:6px 10px 6px 6px;font-size:14px;font-weight:500;display:flex}.side-btn:hover{background:var(--surface)}.side-btn[data-active=true]{background:var(--teal-100);color:var(--teal-dark);font-weight:650}.side-btn-art{border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.side-btn-art img{width:21px;height:21px}.side-btn[data-active=true] .side-btn-art{background:var(--card)}.side-btn>svg{width:18px;height:18px;color:var(--ink-muted);flex-shrink:0;margin:0 6px}.side-btn-name{text-overflow:ellipsis;overflow:hidden}.form-section{border-radius:var(--r-card);background:var(--card);border:1px solid var(--line);margin-bottom:12px;padding:20px 22px 22px}.form-section:last-child{margin-bottom:0}#dynamicFormContainer{counter-reset:form-sec}#dynamicFormContainer .form-section{counter-increment:form-sec}.section-badge:before{content:counter(form-sec, upper-alpha);font-size:14px;line-height:1}.form-section-title{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;margin-bottom:18px;font-size:18px;font-weight:700;display:flex}.section-badge{background:var(--ink);color:#fff;min-width:30px;height:30px;font-family:var(--font-ui);border-radius:9px;justify-content:center;align-items:center;padding:0 6px;font-size:0;font-weight:700;display:inline-flex}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.form-group{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.form-grid-2>.form-group,.form-grid-3>.form-group{margin-bottom:0}.form-grid-2,.form-grid-3{margin-bottom:16px}.form-grid-2:last-child,.form-grid-3:last-child,.form-group:last-child{margin-bottom:0}.form-label{color:var(--ink);align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:flex}.form-hint{color:var(--ink-muted);font-size:12.5px;line-height:1.4}.form-label .req{color:var(--danger)}.input,.select,.textarea{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:46px;color:var(--ink);font-family:var(--font-ui);transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out), background-color .15s var(--ease-out);border-radius:12px;padding:11px 14px;font-size:15px;line-height:1.45}.input:hover,.select:hover,.textarea:hover{border-color:#cbc3b1}.input:focus,.select:focus,.textarea:focus{background:var(--card);border-color:var(--teal);outline:none;box-shadow:0 0 0 4px #3d8b9629}.input::placeholder,.textarea::placeholder{color:#6f8387}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23275960' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:44px}.textarea{resize:vertical;min-height:100px}input[type=color].input{cursor:pointer;height:46px;padding:5px}.tag-input-container{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;min-height:46px;padding:7px 8px;display:flex}.tag-input-container:focus-within{background:var(--card);border-color:var(--teal);box-shadow:0 0 0 4px #3d8b9629}.tag-chip{background:var(--teal-100);height:28px;color:var(--teal-dark);border-radius:999px;align-items:center;gap:6px;padding:0 6px 0 10px;font-size:13px;font-weight:600;display:inline-flex}.tag-chip-remove{cursor:pointer;width:20px;height:20px;color:var(--teal-dark);border-radius:50%;place-items:center;display:inline-grid}.tag-chip-remove:hover{background:#27596024}.tag-input-inner{min-width:120px;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:4px;font-size:14px}.color-picker-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.color-box{border:1px solid var(--line-strong);background:var(--surface);height:46px;font-family:var(--font-ui);font-variant-numeric:tabular-nums;color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 14px 0 9px;font-size:13px;display:inline-flex}.color-swatch{border:1px solid #16282c24;border-radius:7px;width:24px;height:24px}.pill-bar{background:var(--surface);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;gap:2px;margin-bottom:18px;padding:4px;display:flex}.pill-btn{height:36px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:14px;font-weight:600}.pill-btn:hover{color:var(--ink)}.pill-btn.active{background:var(--ink);color:#fff}.checkbox-grid{flex-wrap:wrap;gap:8px;display:flex}.checkbox-card{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:40px;transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-size:14px;font-weight:500;display:inline-flex}.checkbox-card:hover{border-color:var(--teal)}.checkbox-card:has(input:checked){background:var(--teal-dark);border-color:var(--teal-dark);color:#fff}.checkbox-card:has(input:focus-visible){outline:2px solid var(--teal);outline-offset:2px}.checkbox-card input[type=checkbox]{accent-color:#fff;width:16px;height:16px}.menu-cat-card{border-radius:var(--r-tile);border:1px solid var(--line-strong);background:var(--surface);margin-bottom:12px;padding:14px}.menu-cat-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.menu-item-row{grid-template-columns:2fr 3fr 1.2fr 40px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.btn-icon-danger{border-radius:var(--r-ctl);border:1px solid var(--line-strong);background:var(--card);width:40px;height:40px;color:var(--danger);cursor:pointer;flex-shrink:0;place-items:center;font-size:18px;display:grid}.btn-icon-danger:hover{background:var(--danger-50);border-color:var(--danger)}.badge-tag{background:var(--surface);border:1px solid var(--line);height:24px;color:var(--ink-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:12.5px;font-weight:600;display:inline-flex}.wireframe-container{border-bottom:1px solid var(--line);flex-direction:column;flex-shrink:0;padding:16px 16px 14px}.wireframe-header{font-family:var(--font-display);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:16px;font-weight:700;display:flex}.wireframe-canvas{border-radius:var(--r-tile);background-color:var(--surface);background-image:radial-gradient(#16282c17 1px,#0000 1px);background-size:14px 14px;place-items:center;height:210px;display:grid}.wireframe-footer-stats{color:var(--ink-muted);flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12.5px;display:flex}.wireframe-footer-stats strong{color:var(--ink);font-weight:600}.terminal-container{flex-direction:column;flex:1;min-height:0;padding:16px;display:flex}.terminal-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.terminal-title{font-family:var(--font-display);font-size:16px;font-weight:700}.terminal-command{color:var(--ink-muted);font-variant-numeric:tabular-nums;margin-bottom:10px;font-size:12.5px}.terminal-window{border-radius:var(--r-tile);background:var(--ink);color:#d7e8ea;min-height:160px;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;scrollbar-color:#3a5459 transparent;flex:1;padding:14px;font-size:12.5px;line-height:1.6;overflow:auto}.terminal-window::selection{background:var(--amber);color:var(--ink)}.terminal-window ::selection{background:var(--amber);color:var(--ink)}.terminal-window[hidden]{display:none}.terminal-window .tk-k{color:#8fd0d6}.terminal-window .tk-s{color:#f3e3c3}.terminal-window .tk-n{color:var(--amber)}.terminal-window .tk-h{color:var(--amber);font-weight:700}.terminal-window .tk-c,.split-card-body .tk-c{color:#7f9a9f;font-style:italic}.split-card-body .tk-k{color:var(--teal-dark);font-weight:600}.split-card-body .tk-s{color:#7a4b12}.split-card-body .tk-n,.split-card-body .tk-h{color:#b45309}.terminal-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.terminal-actions-right{gap:8px;display:flex}.terminal-footer-label{color:var(--ink-muted);font-size:13px;font-weight:600}.split-cards{flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.split-cards[hidden]{display:none}.split-howto{border-radius:var(--r-tile);background:var(--teal-50);border:1px solid var(--teal-100);color:var(--ink-muted);padding:12px 14px;font-size:13.5px;line-height:1.5}.split-howto p{margin:2px 0}.split-howto strong{color:var(--ink)}.split-howto-title{font-family:var(--font-display);color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:700}.split-card{border-radius:var(--r-tile);border:1px solid var(--line-strong);background:var(--card);flex-shrink:0;overflow:hidden}.split-card-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 10px 10px 12px;display:flex}.split-card-num{background:var(--ink);color:#fff;width:28px;height:28px;font-family:var(--font-display);border-radius:9px;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.split-card-meta{flex:1;min-width:0}.split-card-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:650;overflow:hidden}.split-card-sub{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.split-card-copy{flex-shrink:0}.split-card-body{background:var(--teal-50);max-height:220px;font-family:var(--font-mono);color:var(--ink);white-space:pre-wrap;word-break:break-word;margin:0;padding:12px 14px;font-size:12px;line-height:1.6;overflow:auto}.modal-overlay{z-index:1000;opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out);background:#16282c73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-card{border-radius:var(--r-card);background:var(--card);width:100%;max-width:520px;max-height:calc(100dvh - 40px);transition:transform .28s var(--ease-out);padding:24px;overflow-y:auto;transform:translateY(12px)scale(.98);box-shadow:0 24px 60px -20px #16282c73}.modal-overlay.open .modal-card{transform:none}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.modal-header h2{font-size:21px;font-weight:700}.modal-close-btn{border:1px solid var(--line-strong);background:var(--card);width:38px;height:38px;color:var(--ink-muted);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;font-size:22px;line-height:1;display:grid}.modal-close-btn:hover{color:var(--ink);border-color:var(--ink-muted)}.modal-body{color:var(--ink-muted);flex-direction:column;gap:14px;font-size:14.5px;display:flex}.modal-body strong{color:var(--ink)}.step-list{counter-reset:step;flex-direction:column;gap:10px;list-style:none;display:flex}.step-list li{border-radius:var(--r-tile);background:var(--surface);grid-template-columns:30px 1fr;align-items:start;gap:12px;padding:12px;display:grid}.step-list li:before{counter-increment:step;content:counter(step);background:var(--teal-100);width:30px;height:30px;color:var(--teal-dark);border-radius:9px;place-items:center;font-weight:700;display:grid}.step-list h3{color:var(--ink);margin-bottom:2px;font-size:15px}.info-block{border-radius:var(--r-tile);background:var(--surface);padding:14px}.info-block h3{color:var(--ink);margin-bottom:6px;font-size:14px}.big-figure{font-family:var(--font-display);color:var(--ink);font-size:28px;font-weight:800;line-height:1.1}.price-old{color:var(--ink-muted);margin-left:6px;font-size:15px;font-weight:500;text-decoration:line-through}.check-list{flex-direction:column;gap:6px;padding-left:20px;display:flex}.copy-guide{max-width:640px}.copy-guide-head{border-bottom:1px solid var(--line);padding-bottom:16px}.copy-guide-title{align-items:center;gap:12px;display:flex}.copy-guide-check{background:var(--teal-100);width:42px;height:42px;color:var(--teal-dark);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.copy-guide-check svg{width:20px;height:20px}.copy-guide-sub{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-top:2px;font-size:11.5px}.copy-guide-steps{grid-template-columns:repeat(var(--n), 1fr);gap:10px;margin-bottom:14px;list-style:none;display:grid}.copy-guide-steps li{border-radius:var(--r-tile);border:1px solid var(--line);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 14px;display:flex}.copy-guide-icon{background:var(--teal-100);width:44px;height:44px;color:var(--teal-dark);border-radius:12px;place-items:center;display:grid}.copy-guide-icon svg{width:20px;height:20px}.copy-guide-num{font-family:var(--font-mono);color:var(--ink-muted);font-size:11px}.copy-guide-label{color:var(--ink);font-size:13.5px;font-weight:700;line-height:1.25}.copy-guide-detail ol{color:var(--ink-2);flex-direction:column;gap:6px;padding-left:20px;font-size:14px;display:flex}.copy-guide-detail li::marker{font-family:var(--font-mono);color:var(--teal)}.copy-guide-detail kbd{border:1px solid var(--line-strong);background:var(--card);font-family:var(--font-mono);border-radius:6px;padding:1px 6px;font-size:12px}.copy-guide-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.copy-guide-hide{color:var(--ink-muted);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.copy-guide-hide input{width:16px;height:16px;accent-color:var(--teal-dark)}.copy-guide-actions{gap:8px;margin-left:auto;display:flex}@media (width<=560px){.copy-guide-steps{grid-template-columns:repeat(2,1fr)}}.demo-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;max-height:52vh;padding:2px;display:grid;overflow-y:auto}.demo-card{border-radius:var(--r-tile);border:1px solid var(--line-strong);background:var(--card);text-align:left;cursor:pointer;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.demo-card:hover{border-color:var(--teal);background:var(--teal-50)}.demo-card-title{color:var(--ink);font-size:14px;font-weight:650}.demo-card-tag{color:var(--ink-muted);font-size:12.5px}.slide-tabs{gap:6px;margin-bottom:10px;padding-bottom:6px;display:flex;overflow-x:auto}.slide-tab-btn{border:1px solid var(--line-strong);background:var(--card);height:30px;color:var(--ink-muted);cursor:pointer;white-space:nowrap;border-radius:999px;padding:0 12px;font-size:13px}.slide-tab-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--ink);color:#fff;animation:toast-in .28s var(--ease-out);pointer-events:auto;border-radius:14px;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:600;display:flex;box-shadow:0 12px 28px -12px #16282c99}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=720px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}.menu-item-row{grid-template-columns:1fr 1fr}}