:root{--page:#edf9ee;--surface:#fffefa;--cool:#f8fff6;--cream:#fff8de;--ink:#243c33;--white:#fff;--muted:#6c7f73;--muted-light:#9bb0a3;--line:#d7ead9;--line-strong:#8fc99f;--mint:#a7edbd;--mint-soft:#ddf7e3;--mint-pale:#effcef;--mint-shadow:#a8dfb7;--matcha:#67bd82;--matcha-deep:#2e7651;--pink:#f979a0;--pink-soft:#ffd6e3;--butter:#ffe78a;--butter-deep:#e1b840;--font-sans:"LXGW WenKai", "ZCOOL KuaiLe", "Aptos", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;color:var(--ink);background:var(--page);font-family:var(--font-sans);letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:500;line-height:1.5}*{box-sizing:border-box}html{background:var(--page);min-width:320px;height:100%;overflow:hidden}body{min-width:320px;height:100%;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:3px solid #70c88973}button{border:0}img,svg{display:block}#root{height:100svh;overflow:hidden}.app-shell{background-color:var(--page);grid-template-columns:268px minmax(0,1fr);height:100svh;display:grid;overflow:hidden}.sidebar{height:100svh;min-height:0;color:var(--ink);background-color:var(--mint-pale);border-right:2px solid var(--line-strong);flex-direction:column;gap:16px;padding:16px;display:flex;position:sticky;top:0;overflow:auto}.sidebar-top{align-items:stretch;gap:8px;min-width:0;display:flex}.sidebar-drawer{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.mobile-nav-toggle{display:none}.brand{background-color:var(--surface);border:2px solid var(--ink);width:100%;min-width:0;box-shadow:6px 6px 0 var(--mint-shadow);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px;transition:box-shadow .16s,transform .16s;display:flex}.brand>div:last-child{min-width:0}.brand:hover{box-shadow:8px 8px 0 var(--mint-shadow);transform:translate(-1px,-1px)}.brand-mark{width:42px;height:42px;color:var(--ink);background-color:var(--mint);border:2px solid var(--ink);border-radius:8px;place-items:center;font-size:20px;font-weight:950;display:grid;position:relative}.brand-mark:before,.brand-mark:after{content:"";background-color:var(--butter);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;top:-7px}.brand-mark:before{left:6px}.brand-mark:after{right:6px}.brand strong,.brand span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand strong{color:var(--ink);font-size:17px;font-weight:950}.brand span{color:var(--muted);margin-top:2px;font-size:11px;font-weight:800}.tool-search{width:100%;min-width:0;min-height:42px;color:var(--matcha-deep);background-color:var(--surface);border:2px solid var(--line-strong);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex;box-shadow:inset 3px 3px #b6e5c261}.tool-search svg{flex:none}.tool-search input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:13px;font-weight:850}.tool-search input::placeholder{color:var(--muted-light)}.tool-nav{gap:14px;min-width:0;display:grid}.tool-nav section{gap:6px;display:grid}.tool-nav p{color:var(--matcha-deep);margin:0 0 3px;padding-left:6px;font-size:12px;font-weight:950}.tool-tab{width:100%;min-height:50px;color:var(--ink);background-color:var(--surface);text-align:left;cursor:pointer;box-shadow:0 0 0 var(--mint-shadow);border:2px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;display:flex}.tool-tab svg{color:var(--matcha-deep);flex:none}.tool-tab:hover,.tool-tab.active{background-color:var(--mint-soft);border-color:var(--ink);box-shadow:5px 5px 0 var(--mint-shadow)}.tool-tab.active{color:var(--ink)}.tool-tab:hover{transform:translate(-1px,-1px)}.tool-tab:disabled{cursor:not-allowed;opacity:.72}.tool-tab.soon:disabled:hover{background-color:var(--surface);box-shadow:0 0 0 var(--mint-shadow);border-color:#0000;transform:none}.tool-tab span,.tool-tab strong,.tool-tab small{min-width:0;display:block}.tool-tab strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:950;overflow:hidden}.tool-tab small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin-top:2px;font-size:11px;font-weight:750;overflow:hidden}.sidebar-note{color:var(--matcha-deep);background-color:var(--surface);border:2px solid var(--line-strong);border-radius:8px;align-items:center;gap:8px;margin-top:auto;padding:10px;font-size:13px;font-weight:950;display:flex}.sidebar-empty{color:var(--muted);background-color:var(--surface);border:2px dashed var(--line-strong);border-radius:8px;padding:10px;font-size:13px;font-weight:900}.workspace{scrollbar-gutter:stable;flex-direction:column;gap:14px;min-width:0;height:100svh;min-height:0;padding:16px;display:flex;overflow:auto}.workspace>*{flex-shrink:0}.tool-screen{flex-direction:column;gap:14px;min-height:100%;display:flex}.tool-screen.dragging .workspace-header,.tool-screen.dragging .converter-panel{border-color:var(--ink)}.home-hero{background-color:var(--surface);border:2px solid var(--ink);min-width:0;min-height:226px;box-shadow:8px 8px 0 var(--mint-shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) 238px;align-items:stretch;gap:16px;padding:18px;display:grid;overflow:hidden}.home-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.home-copy h1{color:var(--ink);margin:8px 0 6px;font-size:46px;font-weight:950;line-height:1.02}.home-copy p{max-width:560px;color:var(--muted);margin:0;font-size:15px;font-weight:800}.home-search-box{width:min(100%,620px);min-width:0;max-width:100%;min-height:52px;color:var(--matcha-deep);background-color:var(--cool);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--mint-shadow);border-radius:12px;align-items:center;gap:10px;margin-top:16px;padding:0 14px;display:flex}.home-search-box svg{flex:none}.home-search-box input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:15px;font-weight:900}.home-search-box input::placeholder{color:var(--muted-light)}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.hero-action{height:42px;color:var(--ink);background-color:var(--mint);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--butter);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:15px;font-weight:950;transition:box-shadow .16s,transform .16s;display:inline-flex}.hero-action.soft{background-color:var(--surface);box-shadow:5px 5px 0 var(--mint-shadow)}.hero-action:hover{box-shadow:7px 7px 0 var(--butter);transform:translate(-1px,-1px)}.hero-action.soft:hover{box-shadow:7px 7px 0 var(--mint-shadow)}.home-mascot-board{background-color:var(--mint-pale);border:2px dashed var(--matcha);border-radius:8px;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.home-mascot-board:before,.home-mascot-board:after{content:"";background-color:var(--pink-soft);border:2px solid var(--ink);pointer-events:none;border-radius:999px;width:44px;height:14px;position:absolute}.home-mascot-board:before{top:14px;left:14px;transform:rotate(-12deg)}.home-mascot-board:after{background-color:var(--butter);bottom:14px;right:14px;transform:rotate(12deg)}.home-mascot{width:184px;max-width:100%;height:148px}.home-mascot .kui-mascot{transform-origin:50%;transform:scale(1.15)}.home-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.home-stats div{background-color:var(--surface);border:2px solid var(--line-strong);min-height:72px;box-shadow:5px 5px 0 var(--mint-shadow);border-radius:8px;align-content:center;gap:4px;padding:12px;display:grid}.home-stats span{color:var(--matcha-deep);font-size:13px;font-weight:950}.home-stats strong{color:var(--ink);font-size:25px;font-weight:950;line-height:1}.tool-gallery{background-color:var(--surface);border:2px solid var(--line-strong);box-shadow:6px 6px 0 var(--mint-shadow);border-radius:8px;gap:12px;padding:14px;display:grid}.home-category-list{gap:14px;display:grid}.home-tool-category{gap:9px;min-width:0;display:grid}.home-tool-category>header{justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:0 2px;display:flex}.home-tool-category>header span{color:var(--ink);font-size:17px;font-weight:950}.home-tool-category>header strong{color:var(--matcha-deep);font-size:12px;font-weight:950}.tool-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tool-card{min-width:0;min-height:126px;color:var(--ink);background-color:var(--cool);border:2px solid var(--line);text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex;position:relative}.tool-card.available{background-color:var(--mint-pale);border-color:var(--ink);cursor:pointer;box-shadow:5px 5px 0 var(--mint-shadow);transition:box-shadow .16s,transform .16s}.tool-card.available:hover{box-shadow:7px 7px 0 var(--mint-shadow);transform:translate(-1px,-1px)}.tool-card svg{color:var(--matcha-deep)}.tool-card strong{overflow-wrap:anywhere;max-width:100%;color:var(--ink);margin-top:4px;font-size:16px;font-weight:950}.tool-card small{overflow-wrap:anywhere;max-width:100%;color:var(--muted);font-size:12px;font-weight:800}.tool-card-badge{min-height:23px;color:var(--matcha-deep);background-color:var(--surface);border:2px solid var(--line-strong);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:950;display:inline-flex;position:absolute;top:12px;right:12px}.home-tool-category .tool-card-badge{display:none}.home-info-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:12px;display:grid}.home-section,.home-feedback-panel{background-color:var(--surface);border:2px solid var(--line-strong);box-shadow:4px 4px 0 var(--mint-shadow);border-radius:12px;gap:12px;padding:14px;display:grid}.home-section>span,.home-feedback-panel span{width:fit-content;min-height:25px;color:var(--matcha-deep);background-color:var(--mint-soft);border:2px solid var(--line-strong);border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:12px;font-weight:950;line-height:1;display:inline-flex}.home-section h2,.home-feedback-panel strong{color:var(--ink);margin:0;font-size:22px;font-weight:950;line-height:1.25}.home-section p,.home-feedback-panel p{color:var(--muted);margin:0;font-size:14px;font-weight:780;line-height:1.75}.home-advantage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.home-advantage-card{min-height:94px;color:var(--ink);background-color:var(--cool);border:2px solid var(--line);border-radius:10px;align-content:start;gap:8px;padding:12px;display:grid}.home-advantage-card svg{color:var(--matcha-deep)}.home-advantage-card span{font-size:13px;font-weight:850;line-height:1.55}.home-faq-list{gap:8px;display:grid}.home-faq-list details{color:var(--ink);background-color:var(--cool);border:2px solid var(--line);border-radius:10px;padding:10px 12px}.home-faq-list summary{cursor:pointer;font-size:14px;font-weight:950}.home-faq-list p{color:var(--muted);margin:8px 0 0;font-size:13px;font-weight:780;line-height:1.65}.home-feedback-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center}.home-feedback-panel>div{gap:7px;min-width:0;display:grid}.tool-card.available .tool-card-badge{color:var(--ink);background-color:var(--butter);border-color:var(--ink)}.tool-card-open{color:var(--matcha-deep);align-items:center;gap:5px;margin-top:auto;font-size:13px;font-weight:950;display:inline-flex}.workspace-header{background-color:var(--surface);border:2px solid var(--ink);min-height:112px;box-shadow:8px 8px 0 var(--mint-shadow);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.title-copy{min-width:250px}.workspace-header h1{color:var(--ink);margin:5px 0;font-size:34px;font-weight:950;line-height:1.08}.workspace-header p{color:var(--muted);margin:0;font-size:14px;font-weight:750}.utility-header{min-height:108px}.utility-icon-card{width:98px;height:76px;color:var(--ink);background-color:var(--mint);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--butter);border-radius:8px;flex:none;place-items:center;display:grid}.eyebrow{color:var(--matcha-deep);background-color:var(--mint-soft);border:2px solid var(--line-strong);border-radius:999px;align-items:center;gap:7px;padding:4px 9px;font-size:13px;font-weight:950;display:inline-flex}.mascot-card{background-color:var(--mint-soft);border:2px solid var(--ink);width:134px;height:92px;box-shadow:5px 5px 0 var(--butter);border-radius:8px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.spark-dot{background-color:var(--pink);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute}.dot-one{top:13px;left:16px}.dot-two{background-color:var(--butter);bottom:15px;right:18px}.kui-mascot{width:86px;height:88px;position:relative;transform:scale(.9)}.mascot-helmet{background-color:var(--mint);border:3px solid var(--ink);z-index:2;border-radius:36px 36px 13px 13px;width:68px;height:42px;position:absolute;top:0;left:9px}.mascot-helmet span{background-color:var(--surface);border:2px solid var(--ink);border-radius:999px;width:18px;height:8px;position:absolute;top:7px;left:22px}.mascot-face{background-color:var(--cream);border:3px solid var(--ink);z-index:1;border-radius:18px;width:62px;height:46px;position:absolute;top:27px;left:12px}.eye{background-color:var(--ink);border-radius:50%;width:7px;height:10px;position:absolute;top:16px}.eye.left{left:17px}.eye.right{right:17px}.cheek{background-color:var(--pink-soft);border-radius:50%;width:10px;height:6px;position:absolute;top:28px}.cheek.left{left:8px}.cheek.right{right:8px}.mouth{border-bottom:2px solid var(--ink);border-radius:50%;width:8px;height:5px;position:absolute;top:26px;left:27px}.mascot-body{width:44px;height:30px;color:var(--pink);background-color:var(--surface);border:3px solid var(--ink);border-radius:14px 14px 8px 8px;place-items:center;display:grid;position:absolute;bottom:0;left:21px}.header-actions{align-items:center;gap:8px;display:flex}.icon-button,.action-button,.download-button{border:2px solid var(--ink);height:42px;font:inherit;cursor:pointer;box-shadow:4px 4px 0 var(--mint-shadow);border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:950;text-decoration:none;transition:background-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.icon-button{width:42px;color:var(--ink);background-color:var(--surface)}.icon-button:disabled{color:var(--muted-light);background-color:var(--cool);cursor:not-allowed;box-shadow:none}.action-button:disabled,.download-button:disabled,.mini-button:disabled{color:var(--muted-light);background-color:var(--cool);border-color:var(--line);cursor:not-allowed;box-shadow:none}.action-button,.download-button{color:var(--ink);background-color:var(--mint);padding:0 15px}.download-button{background-color:var(--butter);flex:none}.icon-button:not(:disabled):hover,.action-button:hover,.download-button:hover{box-shadow:6px 6px 0 var(--mint-shadow);transform:translate(-1px,-1px)}.workbench{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.utility-grid{grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr);align-items:stretch;gap:12px;min-height:0;display:grid}.converter-panel,.queue-panel,.roadmap-section{background-color:var(--surface);border:2px solid var(--line-strong);box-shadow:6px 6px 0 var(--mint-shadow);border-radius:8px}.converter-panel{flex-direction:column;gap:12px;min-height:418px;padding:14px;display:flex}.utility-panel{background-color:var(--surface);border:2px solid var(--line-strong);min-width:0;min-height:418px;box-shadow:6px 6px 0 var(--mint-shadow);border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex;overflow:hidden}.utility-panel-heading{flex:none;margin:-14px -14px 0}.utility-panel-heading>svg{color:var(--matcha-deep);flex:none}.field-stack{gap:7px;min-width:0;display:grid}.field-label,.field-label-row{color:var(--matcha-deep);font-size:13px;font-weight:950}.field-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.tool-input,.tool-textarea{width:100%;color:var(--ink);background-color:var(--cool);border:2px solid var(--line-strong);border-radius:8px;outline:none;transition:background-color .16s,border-color .16s;box-shadow:inset 3px 3px #b6e5c261}.tool-input:focus,.tool-textarea:focus{background-color:var(--surface);border-color:var(--ink)}.tool-input{height:42px;padding:0 11px}.tool-textarea{resize:none;min-height:176px;max-height:242px;padding:11px;overflow:auto}.tool-textarea.short{min-height:92px;max-height:128px}.tool-textarea.tall,.output-box.tall{min-height:300px;max-height:430px}.tool-control-row{grid-template-columns:minmax(96px,.34fr) minmax(0,1fr);align-items:center;gap:8px;display:grid}.code-input,.code-textarea,.code-output,.output-box code,.hash-row code,.info-row code,.match-row code,.json-tree{font-family:Cascadia Mono,JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:13px}.button-row,.flag-row,.segmented-row{flex-wrap:wrap;gap:8px;display:flex}.mini-button,.segment,.flag-chip{min-height:36px;color:var(--ink);background-color:var(--surface);border:2px solid var(--line-strong);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:950;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex}.mini-button:hover,.segment:hover,.flag-chip:hover,.mini-button.active,.segment.active,.flag-chip.active{background-color:var(--mint-soft);border-color:var(--ink);transform:translate(-1px,-1px)}.segmented-row{background-color:var(--cool);border:2px solid var(--line);border-radius:8px;padding:5px}.segment{flex:120px}.flag-chip{text-transform:uppercase;width:38px;padding:0}.output-box{min-height:128px;max-height:266px;color:var(--ink);background-color:var(--cool);border:2px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:0;padding:12px;overflow:auto}.error-output{color:#9c3550;background-color:#ffe7ef;border-color:#f1a9bf}.json-tree{min-height:128px;max-height:266px;color:var(--ink);background-color:var(--cool);border:2px solid var(--line);border-radius:8px;padding:10px;overflow:auto}.json-tree-node,.json-tree-children{min-width:max-content}.json-tree-row{white-space:nowrap;border-radius:6px;align-items:center;gap:6px;min-height:30px;display:flex}.json-tree-row:hover{background-color:var(--mint-pale)}.json-toggle,.json-tree-spacer{flex:none;width:24px;height:24px}.json-toggle{color:var(--matcha-deep);background-color:var(--surface);border:2px solid var(--line-strong);cursor:pointer;border-radius:6px;place-items:center;padding:0;line-height:0;display:grid}.json-toggle:hover{border-color:var(--ink)}.json-toggle svg{margin:auto;display:block}.json-key{color:var(--matcha-deep);font-weight:950}.json-colon,.json-preview,.json-collection-label,.json-empty-row{color:var(--muted);font-weight:800}.json-string{color:#247b58}.json-number{color:#8a5c00}.json-boolean{color:#9c3550}.json-null,.json-undefined{color:var(--muted-light)}.mini-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mini-stat-grid div{background-color:var(--mint-pale);border:2px solid var(--line);border-radius:8px;align-content:center;gap:4px;min-height:58px;padding:9px;display:grid}.mini-stat-grid span{color:var(--matcha-deep);font-size:12px;font-weight:950}.mini-stat-grid strong{color:var(--ink);overflow-wrap:anywhere;font-size:16px;font-weight:950;line-height:1.1}.hash-list,.info-list,.match-list{gap:8px;min-height:0;display:grid;overflow:auto}.hash-row,.info-row,.match-row{background-color:var(--cool);border:2px solid var(--line);border-radius:8px;grid-template-columns:76px minmax(0,1fr) 34px;align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.match-row{grid-template-columns:48px minmax(0,1fr) auto}.hash-row span,.info-row span,.match-row span,.match-row small{color:var(--matcha-deep);font-size:12px;font-weight:950}.hash-row code,.info-row code,.match-row code{min-width:0;color:var(--ink);white-space:nowrap;overflow:auto}.icon-button.tiny{width:34px;height:34px;box-shadow:2px 2px 0 var(--mint-shadow)}.icon-button.tiny:disabled{box-shadow:none}.file-summary{color:var(--ink);background-color:var(--mint-pale);border:2px solid var(--line-strong);border-radius:8px;align-items:center;gap:10px;padding:11px;display:flex}.file-summary svg{color:var(--matcha-deep);flex:none}.file-summary strong,.file-summary span{overflow-wrap:anywhere;display:block}.file-summary strong{font-size:14px;font-weight:950}.file-summary span{color:var(--muted);font-size:12px;font-weight:850}.soft-drop{min-height:172px;color:var(--ink);background-color:var(--mint-pale);border:2px dashed var(--matcha);font:inherit;cursor:pointer;border-radius:8px;align-content:center;place-items:center;gap:10px;font-weight:950;display:grid}.soft-drop svg{color:var(--matcha-deep)}.file-button{min-height:48px;color:var(--ink);background-color:var(--mint);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--mint-shadow);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:950;transition:box-shadow .16s,transform .16s;display:inline-flex}.file-button:hover{box-shadow:6px 6px 0 var(--mint-shadow);transform:translate(-1px,-1px)}.file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.empty-state.compact{min-height:120px}.param-list,.dns-list,.diff-list,.palette-table{gap:8px;min-height:0;display:grid;overflow:auto}.param-row,.dns-group,.diff-row,.palette-row{background-color:var(--cool);border:2px solid var(--line);border-radius:8px;min-width:0;padding:9px}.param-row{grid-template-columns:140px minmax(0,1fr);gap:8px;display:grid}.param-row code,.param-row span,.dns-group code,.dns-group span{overflow-wrap:anywhere}.diff-panel{min-height:220px;padding:12px}.diff-row{grid-template-columns:26px minmax(0,1fr);align-items:start;gap:8px;font-family:Cascadia Mono,JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:13px;display:grid}.diff-row span{text-align:center;font-weight:950}.diff-row.add{background-color:#e4f8ec;border-color:#93d8aa}.diff-row.remove{background-color:#ffe7ef;border-color:#f1a9bf}.diff-row.same{color:var(--muted)}.render-frame{background-color:var(--surface);border:2px solid var(--line);border-radius:8px;width:100%;min-height:340px}.download-button.wide{width:100%}.qr-preview{background-color:var(--surface);border:2px solid var(--ink);width:min(100%,320px);box-shadow:5px 5px 0 var(--mint-shadow);border-radius:8px;place-self:center;padding:12px}.palette-row{color:var(--ink);text-align:left;cursor:pointer;grid-template-columns:64px minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;display:grid}.palette-row:hover{border-color:var(--ink)}.palette-sample{border:2px solid var(--ink);border-radius:6px;width:64px;height:42px}.palette-row strong,.palette-row code,.palette-row small{overflow-wrap:anywhere;min-width:0}.palette-row strong{font-size:13px;font-weight:950}.palette-row code,.palette-row small{color:var(--muted);font-size:12px;font-weight:850}.dns-group{gap:6px;display:grid}.dns-group strong{color:var(--matcha-deep);font-size:13px;font-weight:950}.dns-group code,.dns-group span{color:var(--ink);font-size:13px;font-weight:800}.media-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;display:grid;overflow:auto}.media-result-card{min-width:0;color:var(--ink);background-color:var(--cool);border:2px solid var(--line);border-radius:8px;gap:7px;padding:9px;text-decoration:none;display:grid}.media-result-card:hover{border-color:var(--ink)}.media-result-card img{aspect-ratio:1;object-fit:contain;background-color:var(--surface);border:2px solid var(--line-strong);border-radius:6px;width:100%}.media-result-card strong,.media-result-card span{overflow-wrap:anywhere;min-width:0}.media-result-card strong{font-size:13px;font-weight:950}.media-result-card span{color:var(--muted);font-size:12px;font-weight:850}.grid-cut-workspace{gap:10px;min-height:0;display:grid;overflow:auto}.grid-cut-board{width:min(100%,560px);aspect-ratio:var(--grid-cut-cols) / var(--grid-cut-rows);grid-template-columns:repeat(var(--grid-cut-cols), minmax(0, 1fr));grid-template-rows:repeat(var(--grid-cut-rows), minmax(0, 1fr));background-color:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--mint-shadow);border-radius:12px;place-self:center;gap:5px;padding:8px;display:grid}.grid-cut-cell{min-width:0;min-height:0;color:var(--ink);background-color:var(--surface);border:2px solid #fffefab3;border-radius:8px;text-decoration:none;display:block;position:relative;overflow:hidden}.grid-cut-cell:hover{border-color:var(--butter)}.grid-cut-cell img{object-fit:cover;width:100%;height:100%}.grid-cut-cell span{min-width:24px;height:24px;color:var(--ink);background-color:#fffefae0;border:2px solid #243c3340;border-radius:999px;place-items:center;font-size:12px;font-weight:950;display:grid;position:absolute;top:6px;left:6px}.result-list,.simple-list{gap:8px;min-height:0;display:grid;overflow:auto}.download-row,.simple-list code{min-width:0;color:var(--ink);background-color:var(--cool);border:2px solid var(--line);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;text-decoration:none;display:grid}.download-row:hover{border-color:var(--ink)}.download-row strong,.download-row span{overflow-wrap:anywhere;min-width:0}.download-row strong{font-size:13px;font-weight:950}.download-row span{color:var(--muted);font-size:12px;font-weight:850}.simple-list code{overflow-wrap:anywhere;grid-template-columns:1fr;font-size:13px}.big-readout{min-height:150px;color:var(--ink);background-color:var(--mint-pale);border:2px solid var(--line-strong);text-align:center;overflow-wrap:anywhere;border-radius:8px;place-items:center;padding:16px;font-size:30px;font-weight:950;line-height:1.2;display:grid}.screen-test-stage{border:2px solid var(--ink);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-content:center;place-items:center;gap:10px;min-height:180px;padding:18px;display:grid}.screen-test-stage strong{font-size:34px;font-weight:950;line-height:1}.screen-test-stage span{font-size:14px;font-weight:900}.screen-test-stage button{min-height:38px;color:var(--ink);background-color:var(--surface);font:inherit;cursor:pointer;border:2px solid;border-radius:10px;padding:0 14px;font-size:13px;font-weight:950}.screen-test-stage:fullscreen{border:0;border-radius:0;width:100vw;height:100vh}.screen-test-stage:fullscreen strong{font-size:clamp(48px,9vw,120px)}.screen-test-stage:fullscreen span{font-size:clamp(18px,2vw,30px)}.speed-meter{min-height:172px;color:var(--ink);background-color:var(--mint-pale);border:2px solid var(--line-strong);text-align:center;border-radius:12px;align-content:center;place-items:center;gap:8px;padding:18px;display:grid}.speed-meter strong{font-size:clamp(28px,5vw,54px);font-weight:950;line-height:1}.speed-meter span{color:var(--matcha-deep);font-size:14px;font-weight:950}.speed-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.speed-metric-grid div{min-height:82px;color:var(--ink);background-color:var(--cool);border:2px solid var(--line);border-radius:10px;align-content:center;gap:5px;padding:10px;display:grid}.speed-metric-grid span{color:var(--matcha-deep);font-size:12px;font-weight:950}.speed-metric-grid strong{overflow-wrap:anywhere;font-size:20px;font-weight:950;line-height:1.1}.pointer-pad,.reaction-pad{min-height:260px;color:var(--ink);background-color:var(--mint-pale);border:2px dashed var(--matcha);font:inherit;text-align:center;cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:8px;align-content:center;place-items:center;gap:10px;font-weight:950;display:grid}.reaction-pad{cursor:pointer;border-style:solid;font-size:28px}.reaction-pad.waiting{border-color:var(--butter-deep);background-color:#fff5cf}.reaction-pad.ready{background-color:var(--mint);border-color:var(--ink)}.reaction-pad.done{background-color:var(--surface);border-color:var(--line-strong)}.check-row{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:950;display:inline-flex}.check-row input{width:18px;height:18px;accent-color:var(--matcha)}.quad-inputs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.barcode-frame{background-color:var(--surface);border:2px solid var(--line);border-radius:8px;place-items:center;min-height:260px;padding:12px;display:grid;overflow:auto}.barcode-frame svg{max-width:100%}.ascii-table{gap:7px;min-height:0;display:grid;overflow:auto}.ascii-row{color:var(--ink);background-color:var(--cool);border:2px solid var(--line);border-radius:8px;grid-template-columns:58px 74px 92px minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid}.ascii-row code,.ascii-row strong,.ascii-row span{overflow-wrap:anywhere;min-width:0;font-size:12px}.ascii-row code{color:var(--matcha-deep);font-weight:950}.ascii-row strong{font-size:14px;font-weight:950}.ascii-row span{color:var(--muted);font-weight:850}.calendar-layout{grid-template-columns:minmax(0,1fr) minmax(312px,360px);align-items:start;gap:12px;min-height:0;display:grid}.calendar-board,.calendar-hanger{background-color:var(--surface);border:2px solid var(--line-strong);min-height:0;box-shadow:6px 6px 0 var(--mint-shadow);border-radius:8px}.calendar-board{gap:10px;padding:14px;display:grid}.calendar-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.calendar-toolbar strong{color:var(--ink);margin-right:auto;font-size:22px;font-weight:950}.calendar-control-strip{grid-template-columns:minmax(90px,.6fr) minmax(96px,.54fr) minmax(96px,.54fr) minmax(170px,1fr);gap:8px;display:grid}.calendar-control-strip label{gap:5px;min-width:0;display:grid}.calendar-control-strip span{color:var(--matcha-deep);font-size:12px;font-weight:950}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendar-weekdays span{min-height:32px;color:var(--matcha-deep);background-color:var(--mint-pale);border:2px solid var(--line);border-radius:8px;place-items:center;font-weight:950;display:grid}.calendar-day{min-height:90px;color:var(--ink);background-color:var(--cool);border:2px solid var(--line);font:inherit;text-align:left;cursor:pointer;border-radius:8px;align-content:start;gap:4px;padding:8px;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid}.calendar-day:hover{border-color:var(--ink);transform:translate(-1px,-1px)}.calendar-day.muted{opacity:.55}.calendar-day.today{border-color:var(--matcha-deep)}.calendar-day.selected{background-color:var(--mint-soft);border-color:var(--ink);box-shadow:4px 4px 0 var(--butter)}.calendar-day strong{color:var(--ink);font-size:19px;font-weight:950;line-height:1}.calendar-day span,.calendar-day small{overflow-wrap:anywhere;font-size:12px;font-weight:850;line-height:1.2}.calendar-day span{color:var(--muted)}.calendar-day small{width:fit-content;color:var(--ink);background-color:var(--butter);border:1px solid var(--ink);border-radius:999px;padding:2px 5px}.calendar-hanger{position:sticky;top:0;overflow:hidden}.calendar-hanger-top{min-height:54px;color:var(--ink);background-color:var(--mint);border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.calendar-hanger-top span,.calendar-hanger-top strong{font-weight:950;display:block}.calendar-hanger-top span{color:var(--matcha-deep);font-size:13px}.calendar-hanger-top strong{font-size:22px}.calendar-sheet{gap:12px;padding:14px;display:grid;position:relative}.calendar-sheet:before,.calendar-sheet:after{content:"";background-color:var(--surface);border:2px solid var(--ink);border-radius:50%;width:18px;height:18px;position:absolute;top:-11px}.calendar-sheet:before{left:26px}.calendar-sheet:after{right:26px}.calendar-week-label{width:fit-content;color:var(--matcha-deep);background-color:var(--mint-pale);border:2px solid var(--line);border-radius:999px;padding:4px 9px;font-size:13px;font-weight:950}.calendar-big-day{color:var(--ink);font-size:78px;font-weight:950;line-height:.9}.calendar-solar-line,.calendar-sheet p{color:var(--muted);margin:0;font-weight:850}.calendar-badge-row{flex-wrap:wrap;gap:7px;display:flex}.calendar-badge-row span{min-height:28px;color:var(--ink);background-color:var(--butter);border:2px solid var(--line-strong);border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:950;display:inline-flex}.calendar-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.calendar-info-grid div,.calendar-detail-lines div{background-color:var(--cool);border:2px solid var(--line);border-radius:8px;gap:3px;min-width:0;padding:9px;display:grid}.calendar-info-grid span,.calendar-detail-lines span{color:var(--matcha-deep);font-size:12px;font-weight:950}.calendar-info-grid strong,.calendar-detail-lines strong{color:var(--ink);overflow-wrap:anywhere;font-size:13px;font-weight:900;line-height:1.35}.calendar-chip-section{gap:7px;display:grid}.calendar-chip-section>strong{color:var(--ink);font-size:14px;font-weight:950}.calendar-chip-section div{flex-wrap:wrap;gap:6px;max-height:94px;display:flex;overflow:auto}.calendar-chip-section span{border:2px solid;border-radius:999px;align-items:center;min-height:26px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.calendar-chip-section.good span{color:#247b58;background-color:#e4f8ec;border-color:#93d8aa}.calendar-chip-section.bad span{color:#9c3550;background-color:#ffe7ef;border-color:#f1a9bf}.calendar-detail-lines{gap:8px;display:grid}.color-picker-row{grid-template-columns:96px minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.color-picker{background-color:var(--surface);border:2px solid var(--ink);cursor:pointer;border-radius:8px;width:96px;height:82px;padding:5px}.color-preview{border:2px solid var(--ink);min-height:170px;box-shadow:5px 5px 0 var(--mint-shadow);border-radius:8px}.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.swatch-card{min-width:0;color:var(--ink);background-color:var(--surface);border:2px solid var(--line);text-align:left;cursor:pointer;border-radius:8px;gap:6px;padding:8px;display:grid}.swatch-card:hover{border-color:var(--ink)}.swatch-sample{border:2px solid var(--ink);border-radius:6px;height:48px}.swatch-card strong,.swatch-card small{display:block}.swatch-card strong{font-size:13px;font-weight:950}.swatch-card small{color:var(--muted);overflow-wrap:anywhere;font-size:11px;font-weight:850}.drop-zone{text-align:center;min-height:178px;color:var(--ink);background-color:var(--mint-pale);border:2px dashed var(--matcha);cursor:pointer;border-radius:8px;place-items:center;gap:10px;padding:18px;transition:background-color .16s,border-color .16s,transform .16s;display:grid}.drop-zone:hover,.drop-zone.dragging,.tool-screen.dragging .drop-zone{background-color:var(--mint-soft);border-color:var(--ink);transform:translate(-1px,-1px)}.drop-icon{width:54px;height:54px;color:var(--ink);background-color:var(--pink-soft);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--butter);border-radius:8px;place-items:center;display:grid}.drop-zone strong,.drop-zone span{display:block}.drop-zone strong{font-size:24px;font-weight:950;line-height:1.1}.drop-zone span{color:var(--muted);margin-top:5px;font-size:14px;font-weight:750}.notice{color:#7a2e1f;background-color:#fff1e8;border:2px solid #ffc7ad;border-radius:8px;align-items:center;gap:8px;padding:11px 12px;font-size:14px;font-weight:850;display:flex}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stat-grid div{background-color:var(--cool);border:2px solid var(--line);border-radius:8px;align-content:center;gap:5px;min-height:66px;padding:10px;display:grid}.stat-grid span{color:var(--muted);font-size:12px;font-weight:900}.stat-grid strong{color:var(--ink);font-size:22px;font-weight:950}.policy-line{color:var(--muted);background-color:var(--cream);border:2px solid var(--butter);border-left-width:7px;border-radius:8px;margin-top:auto;padding:10px 12px;font-size:13px;font-weight:850}.queue-panel{flex-direction:column;min-height:418px;display:flex;overflow:hidden}.panel-heading{background-color:var(--mint-pale);border-bottom:2px solid var(--line-strong);justify-content:space-between;align-items:center;min-height:56px;padding:12px 14px;display:flex}.panel-heading span,.panel-heading strong{display:block}.panel-heading span{color:var(--matcha-deep);font-size:12px;font-weight:950}.panel-heading strong{color:var(--ink);margin-top:3px;font-size:19px;font-weight:950}.queue-list{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px;display:flex;overflow:auto}.empty-state{min-height:278px;color:var(--muted-light);background-color:var(--cool);border:2px dashed var(--line-strong);border-radius:8px;align-content:center;place-items:center;gap:13px;font-weight:900;display:grid}.queue-item{background-color:var(--surface);border:2px solid var(--line);border-radius:8px;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px;display:grid}.queue-item.done{border-left:7px solid var(--matcha)}.queue-item.error{border-left:7px solid var(--pink)}.queue-item.processing{border-left:7px solid var(--butter-deep)}.cover{width:64px;height:64px;color:var(--matcha-deep);background-color:var(--mint-pale);border:2px solid var(--line);border-radius:8px;place-items:center;display:grid;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%}.track-body{gap:9px;min-width:0;display:grid}.track-topline{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.track-topline>div{flex:auto;min-width:0}.track-topline strong,.track-topline>div>span{display:block}.track-topline strong{color:var(--ink);overflow-wrap:anywhere;font-size:16px;font-weight:950;line-height:1.25}.track-topline>div>span{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:13px;font-weight:700}.status-pill{white-space:nowrap;overflow-wrap:normal;border:2px solid;border-radius:999px;flex:none;align-items:center;gap:5px;height:28px;padding:0 9px;font-size:12px;font-weight:950;line-height:1;display:inline-flex}.status-pill svg{flex:none}.status-pill.done{color:#247b58;background-color:#e4f8ec}.status-pill.error{color:#9c3550;background-color:#ffe7ef}.status-pill.processing{color:#7d6208;background-color:#fff5cf}.status-pill.processing svg{animation:.92s linear infinite spin}.track-meta{flex-wrap:wrap;gap:8px;display:flex}.track-meta span{min-height:26px;color:var(--muted);background-color:var(--cool);border:2px solid var(--line);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:850;display:inline-flex}.error-text{color:#9c3550;margin:0;font-size:13px;font-weight:800}.result-actions{align-items:center;gap:10px;display:flex}.result-actions audio{width:min(100%,360px);height:36px}.roadmap-section{gap:12px;padding:14px;display:grid}.section-title{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.section-title span,.section-title strong{display:block}.section-title span{color:var(--matcha-deep);font-size:13px;font-weight:950}.section-title strong{color:var(--ink);font-size:18px;font-weight:950;line-height:1.35}.roadmap-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.roadmap-card{background-color:var(--cool);border:2px solid var(--line);border-radius:8px;gap:10px;min-height:78px;padding:12px;display:flex}.roadmap-card svg{color:var(--pink);flex:none}.roadmap-card strong,.roadmap-card span{display:block}.roadmap-card strong{color:var(--ink);font-size:15px;font-weight:950}.roadmap-card span{color:var(--muted);margin-top:5px;font-size:13px;font-weight:700;line-height:1.45}.app-shell{grid-template-columns:248px minmax(0,1fr);gap:10px;padding:10px}.sidebar{border:2px solid var(--line-strong);height:calc(100svh - 20px);box-shadow:7px 7px 0 var(--mint-shadow);background-color:#e8f8e8;border-radius:12px;gap:10px;padding:12px}.brand{box-shadow:4px 4px 0 var(--mint-shadow);border-radius:10px;padding:9px}.brand:hover{box-shadow:6px 6px 0 var(--mint-shadow)}.brand-mark{border-radius:10px;width:38px;height:38px}.brand strong{font-size:16px}.brand span{font-size:10px}.tool-search{min-height:39px;box-shadow:none;border-radius:10px}.tool-nav{gap:9px}.tool-nav section{gap:4px}.tool-nav p{letter-spacing:0;margin-bottom:1px;padding-left:4px;font-size:11px}.tool-tab{border-color:var(--line);min-height:43px;box-shadow:none;border-radius:10px;gap:8px;padding:7px 8px}.tool-tab svg{width:17px;height:17px}.tool-tab:hover,.tool-tab.active{box-shadow:3px 3px 0 var(--mint-shadow)}.tool-tab strong{font-size:12px}.tool-tab small{font-size:10px}.sidebar-note,.sidebar-empty{border-radius:10px;font-size:12px}.workspace{gap:12px;height:calc(100svh - 20px);padding:0 0 0 6px}.tool-screen{gap:12px}.home-hero,.workspace-header,.tool-gallery,.converter-panel,.queue-panel,.roadmap-section,.utility-panel{box-shadow:5px 5px 0 var(--mint-shadow);border-radius:12px}.home-hero{grid-template-columns:minmax(0,1fr) 206px;gap:12px;min-height:188px;padding:16px}.home-copy h1{margin:6px 0 5px;font-size:40px}.home-copy p{font-size:14px}.hero-actions{margin-top:14px}.hero-action{height:38px;box-shadow:4px 4px 0 var(--butter);border-radius:10px;font-size:13px}.hero-action.soft{box-shadow:4px 4px 0 var(--mint-shadow)}.home-mascot-board,.mascot-card,.utility-icon-card{border-radius:12px}.home-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-stats div{min-height:58px;box-shadow:4px 4px 0 var(--mint-shadow);border-radius:12px;padding:10px 12px}.home-stats strong{font-size:22px}.tool-gallery{gap:10px;padding:12px}.tool-card-grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:8px}.tool-card{border-radius:12px;gap:5px;min-height:108px;padding:11px}.tool-card.available{box-shadow:3px 3px 0 var(--mint-shadow)}.tool-card.available:hover{box-shadow:5px 5px 0 var(--mint-shadow)}.tool-card strong{font-size:14px}.tool-card small,.tool-card-open{font-size:11px}.tool-card-badge{min-height:21px;font-size:11px;top:9px;right:9px}.workspace-header{min-height:92px;padding:13px 15px}.workspace-header h1{margin:4px 0;font-size:29px}.utility-icon-card{width:82px;height:66px;box-shadow:4px 4px 0 var(--butter)}.eyebrow{border-radius:999px;font-size:12px}.workbench,.utility-grid{gap:10px}.converter-panel,.utility-panel,.queue-panel,.roadmap-section{box-shadow:4px 4px 0 var(--mint-shadow)}.utility-panel{min-height:380px;padding:12px}.utility-panel-heading{margin:-12px -12px 0}.tool-input,.tool-textarea,.output-box,.json-tree,.segmented-row,.render-frame,.action-button,.download-button,.icon-button,.mini-button,.segment,.flag-chip,.file-button{border-radius:10px}.palette-studio{flex-direction:column;gap:10px;min-height:0;display:flex}.palette-topbar{background-color:var(--surface);border:2px solid var(--line-strong);box-shadow:4px 4px 0 var(--mint-shadow);border-radius:12px;grid-template-columns:minmax(360px,1fr) minmax(220px,320px) auto;align-items:stretch;gap:10px;padding:10px;display:grid}.palette-mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.palette-mode{min-height:56px;color:var(--ink);background-color:var(--cool);border:2px solid var(--line);text-align:left;cursor:pointer;border-radius:10px;align-content:center;gap:2px;padding:8px 10px;transition:background-color .16s,border-color .16s,transform .16s;display:grid}.palette-mode:hover,.palette-mode.active{background-color:var(--mint-soft);border-color:var(--ink);transform:translate(-1px,-1px)}.palette-mode strong,.palette-mode span{display:block}.palette-mode strong{font-size:13px;font-weight:950}.palette-mode span{color:var(--muted);font-size:11px;font-weight:800}.palette-library-search{min-height:56px;color:var(--matcha-deep);background-color:var(--cool);border:2px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:0 11px;display:flex}.palette-library-search input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:13px;font-weight:850}.palette-copy-all{white-space:nowrap;height:56px}.palette-copy-all:disabled{color:var(--muted-light);background-color:var(--cool);border-color:var(--line);box-shadow:none;cursor:not-allowed}.palette-source-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.palette-source-strip a,.palette-source-strip div{min-width:0;min-height:72px;color:var(--ink);background-color:var(--surface);border:2px solid var(--line);border-radius:12px;align-content:center;gap:2px;padding:10px;text-decoration:none;display:grid}.palette-source-strip a:hover{border-color:var(--ink)}.palette-source-strip span,.palette-source-strip strong,.palette-source-strip small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.palette-source-strip span{color:var(--matcha-deep);font-size:12px;font-weight:950}.palette-source-strip strong{font-size:23px;font-weight:950;line-height:1}.palette-source-strip small{color:var(--muted);font-size:11px;font-weight:800}.palette-library{background-color:var(--surface);border:2px solid var(--line-strong);min-height:0;box-shadow:4px 4px 0 var(--mint-shadow);border-radius:12px;padding:12px}.solid-library{gap:12px;display:grid}.palette-family-block{gap:8px;min-width:0;display:grid}.palette-family-block header{justify-content:space-between;align-items:center;gap:10px;padding:0 2px;display:flex}.palette-family-block header span{color:var(--ink);font-size:15px;font-weight:950}.palette-family-block header strong{color:var(--matcha-deep);font-size:12px;font-weight:950}.solid-color-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;display:grid}.solid-color-card{min-width:0;color:var(--ink);background-color:var(--cool);border:2px solid var(--line);text-align:left;cursor:pointer;border-radius:10px;gap:5px;padding:8px;transition:border-color .16s,transform .16s;display:grid}.solid-color-card:hover{border-color:var(--ink);transform:translateY(-1px)}.solid-color-sample{border:2px solid #243c3352;border-radius:8px;height:48px}.solid-color-card strong,.solid-color-card code,.solid-color-card small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.solid-color-card strong{font-size:12px;font-weight:950}.solid-color-card code,.solid-color-card small{color:var(--muted);font-size:11px;font-weight:850}.palette-set-grid,.gradient-library{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.palette-set-card{min-width:0;color:var(--ink);background-color:var(--cool);border:2px solid var(--line);text-align:left;cursor:pointer;border-radius:12px;gap:9px;padding:10px;transition:border-color .16s,transform .16s;display:grid}.palette-set-card:hover{border-color:var(--ink);transform:translateY(-1px)}.palette-set-swatches{border:2px solid #243c334d;border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));height:68px;display:grid;overflow:hidden}.palette-set-card strong,.palette-set-card small{display:block}.palette-set-card strong{font-size:14px;font-weight:950}.palette-set-card small,.palette-set-card code{color:var(--muted);font-size:11px;font-weight:850}.palette-set-card code{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.gradient-preset-card{min-height:148px;color:var(--white);border:2px solid var(--ink);text-align:left;text-shadow:0 1px 4px #16201b70;cursor:pointer;box-shadow:4px 4px 0 var(--mint-shadow);border-radius:12px;flex-direction:column;justify-content:flex-end;gap:6px;padding:13px;transition:box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}.gradient-preset-card:before{content:"";background-color:#14241f1f;position:absolute;inset:0}.gradient-preset-card:hover{box-shadow:6px 6px 0 var(--mint-shadow);transform:translate(-1px,-1px)}.gradient-preset-card span,.gradient-preset-card strong,.gradient-preset-card code{min-width:0;position:relative}.gradient-preset-card span{font-size:18px;font-weight:950}.gradient-preset-card strong{font-size:12px;font-weight:900}.gradient-preset-card code{width:100%;color:var(--ink);text-overflow:ellipsis;text-shadow:none;white-space:nowrap;background-color:#fffefae6;border:2px solid #243c333d;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:850;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1120px){.app-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:8px;padding:8px}.sidebar{z-index:30;grid-template-columns:minmax(0,1fr);gap:8px;height:auto;min-height:0;max-height:none;padding:8px;display:grid;position:relative;overflow:visible}.sidebar-top{align-items:center;min-width:0}.brand{flex:1;min-height:48px}.mobile-nav-toggle{width:48px;min-width:48px;height:48px;color:var(--ink);background-color:var(--butter);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--mint-shadow);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.mobile-nav-toggle svg{color:var(--ink)}.tool-search{min-height:38px}.sidebar-drawer{z-index:40;border:2px solid var(--ink);max-height:calc(100svh - 126px);box-shadow:6px 6px 0 var(--mint-shadow);background-color:#e8f8e8;border-radius:12px;padding:10px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto}.sidebar.nav-open .sidebar-drawer{display:flex}.tool-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sidebar-note{margin-top:0}.workspace{height:auto;min-height:0;padding:0}.home-hero{grid-template-columns:1fr}.home-mascot-board{min-height:210px}.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-info-grid{grid-template-columns:1fr}.home-advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench,.utility-grid,.calendar-layout{grid-template-columns:1fr}.calendar-hanger{position:static}.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-result-grid,.speed-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-topbar{grid-template-columns:1fr}.palette-source-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{gap:6px;padding:6px}.sidebar{box-shadow:4px 4px 0 var(--mint-shadow);border-radius:12px;padding:7px}.sidebar-top{gap:7px}.brand{min-height:44px;padding:7px}.brand-mark{width:34px;height:34px;font-size:17px}.brand strong{font-size:14px}.brand span{font-size:9px}.mobile-nav-toggle{border-radius:10px;width:44px;min-width:44px;height:44px}.sidebar-drawer{max-height:calc(100svh - 70px);box-shadow:4px 4px 0 var(--mint-shadow);border-radius:12px;padding:8px;top:calc(100% + 6px)}.tool-search{min-height:38px;padding:0 9px}.tool-screen{gap:10px;min-height:auto}.workspace{gap:10px;padding:0}.workspace-header,.section-title,.result-actions{flex-direction:column;align-items:stretch}.workspace-header{min-height:auto;box-shadow:4px 4px 0 var(--mint-shadow);padding:10px}.workspace-header h1{font-size:25px}.utility-icon-card{width:100%;height:68px}.home-hero{min-height:auto;box-shadow:4px 4px 0 var(--mint-shadow);gap:10px;padding:10px}.home-copy h1{font-size:31px}.home-copy p{font-size:13px}.home-search-box{gap:8px;min-height:44px;margin-top:12px;padding:0 10px}.hero-actions{gap:8px;width:100%}.hero-action{flex:150px;min-width:0;padding:0 10px;font-size:12px}.home-stats,.tool-card-grid,.home-advantage-grid,.home-feedback-panel{grid-template-columns:1fr}.home-feedback-panel .hero-action{width:100%}.home-mascot-board{min-height:128px}.home-mascot{width:min(100%,152px);height:108px}.home-mascot .kui-mascot{transform:scale(.92)}.title-copy{min-width:0}.mascot-card{width:100%}.home-mascot{width:min(100%,152px)}.header-actions{justify-content:space-between}.header-actions .action-button{flex:1}.tool-nav{grid-template-columns:1fr}.tool-tab{min-height:42px}.tool-card{min-height:96px;padding:10px}.workbench,.utility-grid{align-items:start;min-height:auto}.palette-mode-tabs,.palette-source-strip,.palette-set-grid,.gradient-library{grid-template-columns:1fr}.palette-copy-all{width:100%}.solid-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-panel,.queue-panel,.utility-panel{min-height:0;overflow:visible}.utility-panel{min-height:auto}.drop-zone{min-height:190px}.stat-grid,.roadmap-grid,.mini-stat-grid,.swatch-grid{grid-template-columns:1fr}.hash-row,.info-row,.match-row{grid-template-columns:1fr 34px}.hash-row span,.info-row span,.match-row span,.match-row small{grid-column:1/-1}.color-picker-row{grid-template-columns:1fr}.color-picker{width:100%}.tool-control-row,.param-row,.palette-row,.calendar-control-strip,.calendar-info-grid,.quad-inputs,.ascii-row,.media-result-grid,.speed-metric-grid{grid-template-columns:1fr}.grid-cut-board{gap:3px;padding:5px}.download-row{grid-template-columns:1fr}.big-readout{min-height:120px;font-size:22px}.palette-sample{width:100%}.calendar-weekdays,.calendar-grid{gap:5px}.calendar-day{min-height:74px;padding:6px}.calendar-day strong{font-size:16px}.calendar-big-day{font-size:64px}.queue-item{grid-template-columns:58px minmax(0,1fr)}.cover{width:58px;height:58px}.track-topline{flex-direction:column}.result-actions audio,.download-button{width:100%}}