:root{--page:#fbf8f4;--panel:#fff;--panel-strong:#fff;--workbench:#efe9df;--board:#fffdf8;--ink:#24221f;--muted:#6d675f;--faint:#9a9289;--line:#e9e2d8;--line-strong:#d9d0c3;--accent:#e0533d;--accent-strong:#bd3f2c;--accent-soft:#fbe3dc;--success:#2f7d5b;--danger:#b33a3a;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--brutal-ink:#24221f;--brutal-yellow:#ffd84d;--brutal-cyan:#bfe6e0;--brutal-pink:#ffc9d2;--brutal-mint:#cdebd6;--brutal-coral:#ff6f61;--cream:#fff4d8;--paper:#fffdf3;--shadow:0 12px 36px #3c2c2014;--shadow-sm:0 3px 14px #3c2c200f}html,body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}body{background:var(--page)}.topbar{border-bottom:2px solid var(--brutal-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdfaf0}.brand-copy strong{letter-spacing:.02em;font-weight:800}.brand-copy span{letter-spacing:.08em}.app-nav{gap:18px;font-size:13px}.app-nav a{color:var(--muted);font-size:13px;font-weight:500}.app-nav a:hover,.app-nav a[aria-current=page]{color:var(--accent-strong);font-weight:700}.button,.tool-button,.preset-button,.size-mode-button,.board-layout-button,.segment-button,.toggle-button,.icon-button{border:2px solid var(--brutal-ink);box-shadow:2px 2px 0 var(--brutal-ink);border-radius:10px;font-weight:700}.button:hover:not(:disabled),.tool-button:hover:not(:disabled),.preset-button:hover:not(:disabled),.size-mode-button:hover:not(:disabled),.board-layout-button:hover:not(:disabled),.segment-button:hover:not(:disabled),.toggle-button:hover:not(:disabled),.icon-button:hover:not(:disabled){border-color:var(--brutal-ink);box-shadow:3px 3px 0 var(--brutal-ink);background:#f6f1ea;transform:translate(-1px,-1px)}.button:active:not(:disabled),.tool-button:active:not(:disabled),.preset-button:active:not(:disabled),.size-mode-button:active:not(:disabled),.board-layout-button:active:not(:disabled),.segment-button:active:not(:disabled),.toggle-button:active:not(:disabled),.icon-button:active:not(:disabled){box-shadow:0 0 0 var(--brutal-ink);transform:translate(2px,2px)}.button.primary{background:var(--accent);border-color:var(--brutal-ink);color:#fff}.button.primary:hover:not(:disabled){background:var(--accent-strong);color:#fff}.button.secondary{background:var(--panel-strong)}.button.danger{color:var(--danger);border-color:var(--brutal-ink)}.tool-button.is-active,.preset-button.is-active,.size-mode-button.is-active,.board-layout-button.is-active,.segment-button.is-active,.toggle-button.is-active,.tool-button[aria-pressed=true],.size-mode-button[aria-pressed=true],.segment-button[aria-pressed=true]{border:2px solid var(--brutal-ink);box-shadow:2px 2px 0 var(--brutal-ink);font-weight:800}.side-panel{background:var(--panel);scrollbar-color:var(--line-strong) transparent}.panel-left{border-right:2px solid var(--brutal-ink)}.panel-right{border-left:2px solid var(--brutal-ink)}.panel-section{border-bottom:1px solid var(--line)}.panel-section .section-head h2{letter-spacing:.01em;font-weight:800}.workbench,.canvas-shell,.canvas-viewport,#canvasViewport{background:var(--workbench)}.board,#boardCanvas{background:var(--board)}input[type=number],input[type=text],input[type=search],select{border:2px solid var(--brutal-ink)!important;color:var(--ink)!important;background:#fff!important;border-radius:10px!important}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.statusbar{color:var(--muted);border-top:3px solid var(--brutal-ink);background:#fff;font-weight:600}.statusbar .status-message{color:var(--muted)}.status-dot{background:var(--success)}.product-dialog,.share-dialog,.crop-dialog,.progress-card,.toast{border:3px solid var(--brutal-ink)!important;box-shadow:6px 6px 0 var(--brutal-ink)!important;border-radius:18px!important}dialog{background:var(--paper)!important}dialog::backdrop{-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;background:#241b1480!important}.crop-head,.share-dialog-head{background:var(--brutal-yellow)!important;border-bottom:3px solid var(--brutal-ink)!important;color:var(--brutal-ink)!important;padding:14px 18px!important;font-size:16px!important;font-weight:900!important}.crop-head strong,.share-dialog-head strong{color:var(--brutal-ink)!important;font-weight:900!important}.crop-head .icon-button,.share-dialog-head .icon-button{color:var(--brutal-ink)!important;border:2px solid var(--brutal-ink)!important;box-shadow:3px 3px 0 var(--brutal-ink)!important;background:#fff!important;border-radius:10px!important}.crop-body,.share-dialog-body{background:var(--paper)!important}.crop-foot,.share-dialog-foot{background:var(--paper)!important;border-top:3px solid var(--brutal-ink)!important}.brutal-btn{border:3px solid var(--brutal-ink);background:var(--paper);min-height:48px;color:var(--brutal-ink);cursor:pointer;box-shadow:5px 5px 0 var(--brutal-ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex}.brutal-btn:hover{box-shadow:6px 7px 0 var(--brutal-ink);transform:translate(-1px,-2px)}.brutal-btn:active{box-shadow:1px 1px 0 var(--brutal-ink);transform:translate(3px,3px)}.brutal-btn.cyan{background:var(--brutal-cyan);box-shadow:5px 5px 0 var(--brutal-coral)}.brutal-btn.cyan:hover{box-shadow:6px 7px 0 var(--brutal-coral)}.brutal-btn.cyan:active{box-shadow:1px 1px 0 var(--brutal-coral)}.brutal-btn.coral{background:var(--brutal-coral)}.brutal-btn.yellow{background:var(--brutal-yellow)}.more-dialog{--brutal-ink:#241b14;--brutal-coral:#ff6f61;--brutal-yellow:#ffd84d;--brutal-cyan:#bfe6e0;--paper:#fffdf3;--faint:#9a9289;font:15px/1.7 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;border:4px solid var(--brutal-ink)!important;width:min(460px,92vw)!important;box-shadow:10px 10px 0 var(--brutal-coral)!important;background:#fff!important;border-radius:26px!important;padding:0!important;overflow:hidden!important}.more-dialog::backdrop{-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;background:#241b1480!important}.more-dialog-head{justify-content:space-between;align-items:center;gap:12px;display:flex;background:var(--brutal-yellow)!important;border-bottom:3px solid var(--brutal-ink)!important;color:#000!important;padding:14px 20px!important;font-size:16px!important;font-weight:900!important;line-height:1.7!important}.more-dialog-head button{cursor:pointer;width:auto!important;min-width:0!important;height:24px!important;min-height:0!important;color:var(--brutal-ink)!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0 4px!important;font-size:24px!important;line-height:24px!important}.more-dialog-body{background:var(--paper)!important;text-align:center!important;padding:20px 22px 24px!important}.more-dialog-body img{border:3px solid var(--brutal-ink);width:188px;height:188px;box-shadow:4px 4px 0 var(--brutal-ink);background:#fff;border-radius:16px;margin:0 auto 12px;font-size:15px;display:block}.more-dialog-body .qr-hint{margin:0 0 14px;font-size:13px;font-weight:800;color:#000!important}.more-benefits{border:2px dashed var(--brutal-ink);text-align:left;border-radius:16px;margin:0 0 16px;padding:14px 16px;list-style:none}.more-benefits li{color:#4a3a2c;padding:3px 0;font-size:13px;line-height:1.7}.more-benefits li:before{content:"■";color:var(--brutal-coral);vertical-align:2px;margin-right:9px;font-size:8px}.more-dialog-body .qr-note{color:var(--faint);margin:12px 0 0;font-size:12px;line-height:1.6}.more-dialog-body .brutal-btn{width:100%}@media (max-width:720px){.more-dialog{box-shadow:6px 6px 0 var(--brutal-coral)!important}}.mini-fab{border:2px solid var(--brutal-ink);box-shadow:4px 4px 0 var(--brutal-ink);border-radius:999px}.zoom-dock{gap:3px;background:var(--paper)!important;border:2px solid var(--brutal-ink)!important;box-shadow:4px 4px 0 var(--brutal-ink)!important;border-radius:14px!important}.zoom-dock-btn{border:2px solid var(--brutal-ink);box-shadow:2px 2px 0 var(--brutal-ink);background:#fff;border-radius:9px;font-weight:900}.zoom-dock-btn:hover:not(:disabled){background:var(--brutal-yellow);box-shadow:3px 3px 0 var(--brutal-ink);transform:translate(-1px,-1px)}.zoom-dock-btn:active:not(:disabled){box-shadow:0 0 0 var(--brutal-ink);transform:translate(2px,2px)}.zoom-dock .zoom-value{color:var(--brutal-ink);font-weight:900}.zoom-dock-sep{background:var(--brutal-ink);opacity:.25;width:2px}#fitCanvasDockBtn{font-size:17px}#panResetDockBtn{font-size:20px;line-height:1}.panel-toggles{gap:5px}.panel-toggle{border:2px solid var(--brutal-ink);box-shadow:2px 2px 0 var(--brutal-ink);font-weight:900}.panel-toggle[aria-pressed=true]{background:var(--brutal-coral);color:var(--brutal-ink)}.panel-toggle[aria-pressed=false]{color:var(--brutal-ink);background:#fff}.zoom-dock-pan{border:2px solid var(--brutal-ink);box-shadow:2px 2px 0 var(--brutal-ink);background:var(--brutal-yellow)!important;color:var(--brutal-ink)!important}.zoom-dock-pan b{font-size:16px;line-height:1}.zoom-dock-pan[aria-pressed=true]{box-shadow:3px 3px 0 var(--brutal-ink);transform:translate(-1px,-1px);background:var(--brutal-coral)!important}.tool-button[data-tool=pan][aria-pressed=true]{background:var(--brutal-coral);border-color:var(--brutal-ink);color:var(--brutal-ink);box-shadow:3px 3px 0 var(--brutal-ink);transform:translate(-1px,-1px)}@media (max-width:959px){.zoom-dock{box-shadow:3px 3px 0 var(--brutal-coral)!important}.zoom-dock-btn{box-shadow:2px 2px 0 var(--brutal-ink)}}.language-switcher,.ready-community-links,#readyShareCardBtn{display:none!important}@media (min-width:1181px){.ready-primary-actions{grid-template-columns:.9fr .9fr 1.55fr .65fr!important}}@media (max-width:760px){.topbar{border-bottom-width:2px}.button,.icon-button{box-shadow:1px 1px 0 var(--brutal-ink)}}