.tool-guide[data-astro-cid-gufdpg5v]{max-width:1100px;margin:40px auto 0;padding-top:40px;border-top:1px solid var(--line);scroll-margin-top:90px}.tool-guide[data-astro-cid-gufdpg5v] section[data-astro-cid-gufdpg5v],.tool-guide[data-astro-cid-gufdpg5v] nav[data-astro-cid-gufdpg5v]{margin-bottom:28px}h2[data-astro-cid-gufdpg5v]{font-family:var(--display);font-size:26px;line-height:1.5;color:var(--ink);margin-bottom:12px}h3[data-astro-cid-gufdpg5v]{font-size:16px;font-weight:500;color:var(--ink);margin-bottom:6px}p[data-astro-cid-gufdpg5v],li[data-astro-cid-gufdpg5v]{font-size:14px;line-height:1.95;color:var(--muted)}ol[data-astro-cid-gufdpg5v],ul[data-astro-cid-gufdpg5v]{padding-left:22px}ol[data-astro-cid-gufdpg5v]{list-style:decimal}ul[data-astro-cid-gufdpg5v]{list-style:disc}li[data-astro-cid-gufdpg5v]+li[data-astro-cid-gufdpg5v]{margin-top:8px}.guide-columns[data-astro-cid-gufdpg5v]{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:28px}.guide-answer[data-astro-cid-gufdpg5v]+.guide-answer[data-astro-cid-gufdpg5v]{margin-top:18px}.guide-links[data-astro-cid-gufdpg5v]{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}.guide-links[data-astro-cid-gufdpg5v] li[data-astro-cid-gufdpg5v]+li[data-astro-cid-gufdpg5v]{margin:0}.guide-links[data-astro-cid-gufdpg5v] a[data-astro-cid-gufdpg5v]{display:inline-flex;align-items:center;gap:18px;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--surface)}.guide-links[data-astro-cid-gufdpg5v] a[data-astro-cid-gufdpg5v]:hover{border-color:var(--accent)}.guide-links[data-astro-cid-gufdpg5v] a[data-astro-cid-gufdpg5v]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width: 700px){.guide-columns[data-astro-cid-gufdpg5v]{grid-template-columns:1fr;gap:0}h2[data-astro-cid-gufdpg5v]{font-size:23px}.tool-guide[data-astro-cid-gufdpg5v]{margin-top:28px;padding-top:28px}}.aiwm-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.aiwm-controls{display:grid;gap:16px;min-width:0}.aiwm-section-title{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:500;margin-bottom:14px}.aiwm-drop{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:150px;padding:22px 12px;border:1px dashed var(--line);border-radius:6px;text-align:center;cursor:pointer;background:var(--surface-soft);font-size:13px}.aiwm-drop:focus-within,.aiwm-drop:hover{border-color:var(--accent)}.aiwm-controls input[type=file]:focus-visible+.aiwm-drop{outline:2px solid var(--accent);outline-offset:3px}.aiwm-drop small,.aiwm-muted{color:var(--muted);font-size:12px;line-height:1.8}.aiwm-muted{margin-top:12px}.aiwm-local{display:flex;gap:6px;align-items:flex-start}.aiwm-local svg{flex-shrink:0;margin-top:4px}.aiwm-link{text-decoration:underline;text-underline-offset:4px;min-height:44px;text-align:left;line-height:1.7}.aiwm-modes{display:grid;gap:8px}.aiwm-modes label{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:12px;font-size:13px;min-height:44px;cursor:pointer}.aiwm-modes label.active{border-color:var(--accent);background:var(--surface-soft)}.aiwm-scope{color:var(--muted);font-size:11px;line-height:1.8;border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.aiwm-mask-settings{border-top:1px solid var(--line);padding-top:18px;margin-top:18px;min-width:0}.aiwm-tool-buttons{display:flex;gap:5px;flex-wrap:wrap}.aiwm-tool-buttons button{display:flex;gap:5px;align-items:center;border:1px solid var(--line);padding:8px;min-height:44px;flex:1;justify-content:center}.aiwm-tool-buttons button.active{background:var(--surface-soft);border-color:var(--accent)}.aiwm-slider-label{display:grid;gap:8px;font-size:12px;margin-top:16px}.aiwm-slider-label input{width:100%;min-height:28px}.aiwm-secondary{display:flex;gap:6px;align-items:center;justify-content:center;border:1px solid var(--line);min-height:44px;padding:10px 12px;width:100%;line-height:1.4}.aiwm-secondary:hover{background:var(--surface-soft)}.aiwm-mask-settings>.aiwm-secondary{margin-top:12px}.aiwm-mask-settings details{margin-top:15px}.aiwm-mask-settings summary{font-size:12px;cursor:pointer;min-height:44px;line-height:1.8}.aiwm-coordinate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.aiwm-coordinate-grid label{font-size:11px}.tool-page .aiwm-coordinate-grid input{display:block;min-width:0;width:100%;padding:8px;font-size:16px!important}.aiwm-row{display:flex;gap:8px;margin-top:12px}.aiwm-actions{display:grid;gap:10px}.aiwm-actions .studio-button{gap:10px;width:100%;white-space:normal}.aiwm-preview{min-width:0;position:sticky;top:104px}.aiwm-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.aiwm-preview-heading h2{font-size:15px;font-weight:500}.aiwm-preview-heading span{font-size:12px;color:var(--muted);white-space:nowrap}.aiwm-stage{position:relative;overflow:hidden;background:repeating-conic-gradient(#ddd 0% 25%,#f7f7f7 0% 50%) 50%/20px 20px;max-width:100%;border-radius:4px}.aiwm-stage canvas{position:absolute;inset:0;width:100%;height:100%}.aiwm-original{z-index:1}.aiwm-mask{z-index:2;opacity:.55;touch-action:none;cursor:crosshair}.aiwm-rectangle{position:absolute;border:1px solid #f4685e;background:#dc463c4d;pointer-events:none;z-index:3}.aiwm-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 8px #0008;z-index:3;pointer-events:none}.aiwm-label{position:absolute;top:12px;background:#17130dcc;color:#fff;font-size:11px;padding:6px 9px;z-index:4;pointer-events:none;border-radius:3px}.aiwm-before{left:12px}.aiwm-after{right:12px}.aiwm-compare small{color:var(--muted);line-height:1.7}.aiwm-empty{display:grid;align-content:center;justify-items:center;text-align:center;min-height:430px;gap:16px;color:var(--muted);background:var(--surface-soft);padding:30px;border-radius:4px}.aiwm-empty h3{font:500 28px/1.5 var(--display);color:var(--ink)}.aiwm-empty p{font-size:13px;line-height:1.9;max-width:340px}.aiwm-progress{display:flex;align-items:center;gap:8px;padding:14px;background:var(--surface-soft);font-size:13px;margin-top:16px}.aiwm-notice{font-size:13px;line-height:1.8;margin-top:16px;color:var(--accent)}.aiwm-error{font-size:13px;line-height:1.8;margin-top:16px;color:#b04438;border-left:2px solid #b04438;padding-left:12px}.dark .aiwm-error{color:#f2a399}.aiwm-latent-settings{border-top:1px solid var(--line);margin-top:18px;padding-top:18px;min-width:0}.aiwm-latent-settings>label{display:grid;gap:8px;margin-top:14px;font-size:12px}.aiwm-latent-settings select,.aiwm-latent-settings input[type=number]{min-width:0;width:100%;min-height:44px;padding:8px;font-size:16px!important;border:1px solid var(--line)}.aiwm-latent-settings .aiwm-row{gap:5px}.aiwm-latent-settings button[aria-pressed=true]{border-color:var(--accent);background:var(--surface-soft)}.aiwm-unverified{padding:10px 12px;border:1px solid var(--line);background:var(--surface-soft);font-size:12px;color:var(--accent);margin-top:16px}.aiwm-report{margin-top:16px;border-top:1px solid var(--line);padding-top:16px;font-size:12px}.aiwm-report h3{margin-bottom:12px;font-weight:500}.aiwm-report dl>div{display:flex;justify-content:space-between;gap:16px;margin-top:8px}.aiwm-report dt{color:var(--muted)}.aiwm-report dd{text-align:right}.aiwm-report p{margin-top:12px;color:var(--muted);line-height:1.8}@media (max-width:900px){.aiwm-layout{grid-template-columns:minmax(0,1fr)}.aiwm-preview{position:static;grid-row:1}.aiwm-empty{min-height:260px}.aiwm-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.aiwm-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.aiwm-controls{grid-template-columns:minmax(0,1fr)}.aiwm-layout{gap:16px}.aiwm-preview-heading{align-items:flex-start}.aiwm-empty h3{font-size:23px}.aiwm-actions{grid-template-columns:minmax(0,1fr)}}.enhance-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.enhance-controls{display:grid;gap:16px;min-width:0}.enhance-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:22px;min-width:0;color:var(--ink)}.enhance-panel h2,.enhance-panel legend{font-size:14px;font-weight:500;display:flex;align-items:center;gap:9px;margin-bottom:16px}.enhance-panel legend{float:left;width:100%}.enhance-panel legend+label{clear:both}.enhance-panel p{font-size:12px;line-height:1.85;color:var(--muted);margin-top:10px}.enhance-panel>label:not(.enhance-upload){display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;margin:16px 0 8px}.enhance-panel select{width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid var(--line);font-size:16px!important}.enhance-panel input[type=range]{width:100%;accent-color:var(--accent);min-height:32px}.enhance-upload{position:relative;border:1px dashed var(--line);border-radius:5px;padding:22px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;cursor:pointer;margin-bottom:12px;color:var(--muted)}.enhance-upload strong{font-size:13px;font-weight:400;color:var(--ink)}.enhance-upload small{font-size:10px;line-height:1.6}.enhance-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.enhance-upload:focus-within{outline:2px solid var(--accent);outline-offset:3px}.enhance-upload:has(input:disabled){opacity:.6;cursor:wait}.enhance-controls .studio-button{width:100%;gap:8px;white-space:normal;font-size:12px}.enhance-privacy{display:flex;align-items:flex-start;gap:6px}.enhance-privacy svg{flex-shrink:0;margin-top:3px}.enhance-actions{display:grid;gap:10px}.enhance-output{border:1px solid var(--line);padding:8px;text-align:center;font-variant-numeric:tabular-nums}.enhance-controls .studio-button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.enhance-controls .studio-button.secondary:hover{background:var(--surface-soft)}.enhance-preview{position:sticky;top:104px}.enhance-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.enhance-heading h2{margin:0}.enhance-heading span{font-size:12px;color:var(--muted);white-space:nowrap}.enhance-empty{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--surface-soft);padding:28px;gap:12px}.enhance-empty h3{font:400 30px/1.4 var(--display)}.enhance-empty p{max-width:340px;margin:0}.enhance-empty img{margin-top:8px;max-width:100%;border-radius:4px}.enhance-view{display:flex;gap:8px;margin-bottom:12px}.enhance-view button{min-height:44px;border:1px solid var(--line);padding:8px 14px;border-radius:4px;font-size:12px}.enhance-view button[aria-pressed=true]{background:var(--surface-soft);border-color:var(--accent)}.enhance-scroll{max-width:100%;max-height:70vh;overflow:auto;border-radius:4px}.enhance-stage{position:relative;overflow:hidden;background:repeating-conic-gradient(#ddd 0% 25%,#f7f7f7 0% 50%) 50%/20px 20px;min-width:1px}.enhance-stage canvas{position:absolute;inset:0;width:100%;height:100%}.enhance-original{z-index:1}.enhance-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;z-index:2;pointer-events:none}.enhance-label{position:absolute;top:12px;background:#17130dcc;color:#fff;font-size:11px;padding:6px 9px;border-radius:3px;z-index:3;pointer-events:none}.enhance-before{left:12px}.enhance-after{right:12px}.enhance-comparison{margin-top:16px}.enhance-comparison label{font-size:12px}.enhance-comparison p{margin-top:4px}.enhance-progress{display:flex;gap:8px;align-items:center;margin-top:16px;padding:12px;background:var(--surface-soft);font-size:13px}.enhance-report{border-top:1px solid var(--line);margin-top:16px;padding-top:16px;font-size:12px}.enhance-report h3{margin-bottom:12px;font-weight:500}.enhance-report dl>div{display:flex;justify-content:space-between;gap:16px;margin-top:8px}.enhance-report dt{color:var(--muted)}.enhance-report dd{text-align:right}.enhance-scope{border-left:2px solid var(--line);padding-left:12px}.enhance-panel .enhance-model{font-size:10px;letter-spacing:.08em}.enhance-panel .enhance-notice{color:var(--accent)}.enhance-panel .enhance-error{color:#b04438;border-left:2px solid currentColor;padding-left:12px}.dark .enhance-panel .enhance-error{color:#f2a399}@media (max-width:900px){.enhance-layout{grid-template-columns:minmax(0,1fr)}.enhance-preview{position:static;grid-row:1}.enhance-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.enhance-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.enhance-empty{min-height:260px}}@media (max-width:560px){.enhance-layout{gap:16px}.enhance-controls,.enhance-actions{grid-template-columns:minmax(0,1fr)}.enhance-panel{padding:18px}.enhance-empty h3{font-size:24px}}.image-compress{color:var(--ink);font-size:14px}.compress-intro{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.compress-intro>svg{color:var(--accent)}.compress-intro p{margin:0;font-size:16px}.compress-intro small{margin-left:auto;font-size:11px;color:var(--muted)}.image-compress button,.compress-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--line);color:var(--ink);border-radius:6px;background:transparent;cursor:pointer}.image-compress button:hover,.compress-dialog button:hover{background:var(--surface-soft);border-color:var(--accent)}.image-compress button:disabled{cursor:not-allowed}.image-compress :focus-visible,.compress-dialog :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.image-compress .compress-drop{width:100%;padding:36px 20px;flex-direction:column;background:var(--surface-soft);border:1px dashed var(--line);margin-bottom:24px}.compress-drop strong{font-size:16px;font-weight:500}.compress-drop span{color:var(--muted);font-size:12px}.image-compress .compress-drop.dragging{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.compress-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.compress-settings{position:sticky;top:100px}.compress-settings h2{margin-bottom:22px}.compress-settings fieldset{border:0;padding:0;margin:0;min-width:0}.compress-settings label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-bottom:16px}.compress-settings select,.compress-settings input[type=number]{width:100%;padding:10px;min-height:44px;border:1px solid var(--line)}.compress-settings .compress-checkbox{flex-direction:row;align-items:flex-start;margin:16px 0 24px;gap:10px;line-height:1.65}.compress-checkbox input{width:17px;height:17px;margin-top:2px;flex-shrink:0}.compress-hint,.compress-range small{display:block;color:var(--muted);font-size:11px;line-height:1.75;margin:-6px 0 20px}.compress-range small{margin:0}.compress-range>span{display:flex;justify-content:space-between}.compress-range input{min-height:28px;width:100%}.compress-presets{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:24px}.compress-presets button{font-size:10px;padding:5px 8px}.compress-presets button[aria-pressed=true]{border-color:var(--accent);background:var(--surface-soft)}.image-compress .compress-primary{width:100%;background:var(--accent-fill);color:var(--accent-ink);border-color:var(--accent-fill)}.compress-cancel{width:100%;margin-top:8px}.compress-results>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px}.compress-results header h2 span{color:var(--muted);margin-left:7px}.compress-results header>div{display:flex;gap:5px}.compress-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--surface-soft);padding:16px;border-radius:6px;margin-bottom:20px}.compress-summary>span{display:flex;flex-direction:column;font-size:11px;gap:5px}.compress-summary strong{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500}.compress-summary small{color:var(--muted)}.compress-list{display:flex;flex-direction:column;gap:14px}.compress-item{padding:16px;border:1px solid var(--line);border-radius:6px;min-width:0}.compress-item-top{display:flex;align-items:center;gap:14px}.compress-thumbnail{width:64px;height:64px;flex-shrink:0;-o-object-fit:contain;object-fit:contain;border:1px solid var(--line);border-radius:4px}.compress-item-info{flex:1;min-width:0}.compress-item h3{font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:5px}.compress-item-info p{color:var(--muted);font-size:11px}.compress-status{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:11px;margin-top:7px;line-height:1.5}.compress-output{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.compress-output>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compress-output strong{font-size:16px;font-weight:500}.compress-output span{font-size:11px;color:var(--muted)}.compress-output small{color:#507b47;font-size:11px}.compress-output small.grew,.compress-target-miss{color:var(--accent)}.compress-target-miss{font-size:11px;line-height:1.7;margin-top:10px}.compress-inline-error{color:#b04b36;font-size:12px;line-height:1.7;margin-bottom:12px}.compress-alert{position:relative;background:var(--surface);padding:16px 52px 16px 18px;border:1px solid #b04b3655;border-radius:6px;margin-bottom:20px;font-size:12px}.compress-alert ul{margin:8px 0 0;line-height:1.8;list-style:disc;padding-left:18px;overflow-wrap:anywhere}.compress-alert button{position:absolute;right:5px;top:5px;border:0}.compress-notice{margin:0 0 18px;color:var(--muted);font-size:12px}.compress-empty{display:flex;align-items:center;justify-content:center;gap:12px;padding:50px 10px;color:var(--muted)}.compress-progress{font-size:12px;color:var(--muted);margin-top:14px}.compress-progress progress{width:100%;height:6px;accent-color:var(--accent)}.compress-dialog{width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.compress-dialog::backdrop{background:#19150f99}.compress-dialog header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.compress-dialog h2{font-size:16px;font-weight:500;overflow-wrap:anywhere}.compress-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compress-checker{background-color:#eee;background-image:conic-gradient(#ddd 25%,transparent 0 50%,#ddd 0 75%,transparent 0);background-size:16px 16px}.compress-compare-grid figure>div{height:min(55vh,550px);display:flex;justify-content:center;align-items:center}.compress-compare-grid img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.compress-compare-grid figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;margin-top:12px}.compress-compare-grid figcaption span{color:var(--muted)}@keyframes compress-spin{to{transform:rotate(360deg)}}.compress-spinner{animation:compress-spin 1s linear infinite}@media (max-width: 850px){.compress-layout{grid-template-columns:1fr;gap:20px}.compress-settings{position:static}.compress-intro small{margin-left:0;width:100%}}@media (max-width: 480px){.tool-page .image-compress .tool-card{padding:16px}.compress-item{padding:12px}.compress-item-top{gap:8px}.compress-thumbnail{width:48px;height:48px}.compress-output>div{gap:8px}.compress-compare-grid{grid-template-columns:1fr}.compress-compare-grid figure>div{height:30vh}.compress-dialog{padding:16px}.compress-settings input[type=number],.compress-settings select{font-size:16px}.compress-empty{flex-wrap:wrap;font-size:12px}}@media (prefers-reduced-motion: reduce){.compress-spinner{animation:none}}.wig-studio{color:var(--ink, #302323);--wig-accent: var(--accent, #78343b);--wig-line: var(--line, #e1d7cc);font-size:14px}.wig-studio button,.wig-studio a,.wig-studio input,.wig-studio select{font:inherit}.wig-studio button{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;border:1px solid var(--wig-line);border-radius:6px;padding:9px 12px;background:var(--surface, #fffdf9);color:inherit;transition:background .18s,border-color .18s}.wig-studio button:hover{border-color:var(--wig-accent);background:var(--surface-soft, #eee8dd)}.wig-studio button:disabled{opacity:.4;cursor:not-allowed}.wig-studio :focus-visible{outline:2px solid var(--wig-accent);outline-offset:4px}.wig-file{display:none}.wig-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 28px}.wig-eyebrow,.wig-control-head>span{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--wig-accent)}.wig-intro h2{font-size:25px;font-family:var(--display, serif);font-weight:500;margin:10px 0 8px}.wig-intro p,.wig-examples p{color:var(--muted, #8d8077);line-height:1.7}.wig-local{font-size:11px;color:var(--muted, #8d8077);white-space:nowrap}.wig-steps{display:flex;border-top:1px solid var(--wig-line);border-bottom:1px solid var(--wig-line);margin-bottom:22px}.wig-steps button{flex:1;padding:18px 12px;border:0;border-radius:0;background:transparent;gap:14px;position:relative}.wig-steps button span{font-size:11px;letter-spacing:1px;opacity:.5}.wig-steps button[aria-current=step]{color:var(--wig-accent);background:var(--surface-soft, #eee8dd)}.wig-steps button[aria-current=step]:after{content:"";position:absolute;height:2px;background:var(--wig-accent);bottom:-1px;left:0;right:0}.wig-workbench{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.wig-preview{min-width:0;border:1px solid var(--wig-line);border-radius:8px;overflow:hidden;background:#faf2ed}.wig-preview-bar,.wig-preview-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;background:var(--surface, #fffdf9);font-size:11px}.wig-preview-bar{border-bottom:1px solid var(--wig-line)}.wig-image-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wig-preview-bar button{font-size:11px;flex-shrink:0}.wig-stage{min-height:360px;height:470px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:15px}.wig-canvas-wrap{width:min(100%,var(--wig-desktop-width));flex-shrink:0;position:relative;max-width:100%;transform-origin:center}.wig-stage canvas{width:100%;height:100%;display:block;touch-action:none}.wig-stage.is-play canvas{cursor:grab}.wig-stage.is-play canvas:active{cursor:grabbing}.wig-paint.paint{cursor:crosshair}.wig-paint.erase{cursor:cell}.wig-paint.pan{cursor:grab}.wig-loading{position:absolute;font-size:12px;color:var(--muted)}.wig-preview-footer{border-top:1px solid var(--wig-line);min-height:53px}.wig-preview-footer>span{line-height:1.6}.wig-preview-footer button{padding:6px 8px;background:transparent;font-size:11px}.wig-zoom{display:flex;align-items:center;gap:6px;flex-shrink:0}.wig-zoom output{min-width:37px;text-align:center;font-variant-numeric:tabular-nums}.wig-status{margin:0;padding:12px 16px;color:var(--wig-accent);background:var(--surface, #fffdf9);font-size:11px;line-height:1.6;min-height:42px;border-top:1px solid var(--wig-line)}.wig-live{position:absolute;top:15px;left:15px;background:#fffdf9;border:1px solid var(--wig-line);border-radius:30px;padding:8px 12px;font-size:11px;display:flex;align-items:center;gap:8px}.wig-live i,.wig-record-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b2374a}.wig-controls{padding:24px;background:var(--surface, #fffdf9);border:1px solid var(--wig-line);border-radius:8px}.wig-control-head h3{font-family:var(--display, serif);font-size:23px;font-weight:500;margin:10px 0}.wig-control-head p{font-size:12px;color:var(--muted, #8d8077);line-height:1.8;margin-bottom:24px}.wig-controls fieldset{border:0;padding:0;min-width:0;margin:0 0 18px}.wig-controls legend{font-size:12px;margin-bottom:10px}.wig-segments{display:flex;gap:5px;margin-bottom:16px}.wig-segments button{flex:1;font-size:11px;padding:9px 4px}.wig-studio button[aria-pressed=true]{color:var(--wig-accent);border-color:var(--wig-accent);background:var(--surface-soft, #eee8dd)}.wig-materials{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wig-materials button{text-align:left;align-items:flex-start;flex-direction:column;font-size:12px;padding:11px 10px}.wig-materials small{color:var(--muted, #8d8077);font-size:10px;line-height:1.5}.wig-range{display:block;margin:16px 0;font-size:12px}.wig-range>span{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}.wig-range output{color:var(--wig-accent);font-variant-numeric:tabular-nums}.wig-range input{width:100%;accent-color:var(--wig-accent);cursor:pointer;display:block}.wig-history{display:flex;gap:8px;margin:18px 0}.wig-history button{flex:1;font-size:12px}.wig-note{font-size:10px;color:var(--muted, #8d8077);line-height:1.8;margin:12px 0}.wig-note strong{color:var(--wig-accent);float:right;font-weight:500}.wig-fine{border-top:1px solid var(--wig-line);border-bottom:1px solid var(--wig-line);padding:14px 0;margin:20px 0}.wig-fine summary{cursor:pointer;font-size:12px}.wig-fine>button{font-size:11px}.wig-select{display:flex;flex-direction:column;gap:10px;font-size:12px;margin-top:20px}.wig-select select{border:1px solid var(--wig-line);background:var(--surface, #fffdf9);padding:10px;border-radius:5px;color:inherit;width:100%}.wig-controls .wig-sensor{font-size:11px;width:100%}.wig-studio .wig-primary{width:100%;background:var(--accent-fill, #dcc08b);color:var(--accent-ink, #261c0e);border:1px solid var(--accent-fill, #dcc08b);padding:13px 16px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;margin-top:20px;font-size:13px}.wig-studio .wig-primary:hover{background:#c6a975;color:#261c0e}.wig-primary .wig-record-dot{background:#78343b}.wig-studio .wig-back,.wig-studio .wig-cancel{width:100%;margin-top:12px;font-size:11px}.wig-controls progress{width:100%;height:5px;accent-color:var(--wig-accent)}.wig-examples{border-top:1px solid var(--wig-line);margin-top:46px;padding-top:28px}.wig-examples h3{font-family:var(--display, serif);font-size:30px;font-weight:500;margin:12px 0}.wig-examples p{font-size:12px}.wig-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.wig-example-grid button{display:block;min-width:0;overflow:hidden;padding:0;text-align:left}.wig-example-grid picture{display:block;aspect-ratio:1.25;overflow:hidden;background:#faf2ed}.wig-example-grid img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wig-example-grid button>span{display:block;padding:16px;font-family:var(--display, serif);font-size:20px}.wig-example-grid small{display:block;font:9px/1.5 system-ui;letter-spacing:1.5px;margin-bottom:8px;color:var(--muted)}.wig-example-grid b{float:right;color:var(--wig-accent);font-weight:400}.wig-modal-backdrop{position:fixed;inset:0;z-index:120;background:#2c1c1b88;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.wig-modal{background:var(--surface, #fffdf9);border-radius:10px;padding:26px;width:min(100%,520px);max-height:90dvh;overflow:auto;position:relative;box-shadow:0 24px 80px #24141544}.wig-modal h3{font-family:var(--display, serif);font-size:25px;font-weight:500;margin:0 35px 20px 0}.wig-modal p{font-size:12px;line-height:1.8;color:var(--muted)}.wig-studio .wig-modal-close{position:absolute;right:12px;top:12px;border:0;background:transparent;padding:5px}.wig-result{width:100%;max-height:56dvh;-o-object-fit:contain;object-fit:contain;background:#faf2ed;border-radius:6px;margin-bottom:14px}.wig-modal-actions{display:flex;gap:10px;align-items:center;margin-top:24px}.wig-modal-actions .wig-primary{margin:0}@media (max-width: 950px){.wig-workbench{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.wig-controls{padding:18px}.wig-stage{height:400px}.wig-canvas-wrap{width:min(100%,calc(var(--wig-desktop-width) * .84))}}@media (max-width: 760px){.wig-intro{align-items:flex-start;flex-direction:column;gap:10px}.wig-intro h2{font-size:22px}.wig-steps button{font-size:12px;gap:7px;padding:16px 4px}.wig-workbench{grid-template-columns:1fr}.wig-stage{height:360px;min-height:260px}.wig-canvas-wrap{width:min(100%,var(--wig-mobile-width));max-height:none}.wig-controls{padding:20px}.wig-materials small{font-size:11px}.wig-preview-bar,.wig-preview-footer{padding:10px 12px}.wig-preview-footer>span{max-width:55%}.wig-example-grid{gap:8px}.wig-example-grid button>span{padding:12px 8px;font-size:15px}.wig-example-grid small{font-size:8px;letter-spacing:.5px}.wig-examples h3{font-size:25px}}@media (prefers-reduced-motion: reduce){.wig-studio *{transition:none}}@media (max-width: 760px){.wig-controls button,.wig-preview-bar button{min-height:44px}.wig-preview-footer>span{min-width:0}.wig-live{color:#2c251e}}.ocr-workspace{color:var(--ink)}.ocr-banner{display:flex;gap:12px;align-items:center;border-left:2px solid var(--accent);padding:10px 18px;margin-bottom:24px}.ocr-banner strong{font-size:14px;font-weight:500}.ocr-banner p{font-size:12px;color:var(--muted);margin-top:5px}.ocr-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}.ocr-panel{min-width:0;background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:8px}.ocr-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.ocr-workspace button{min-height:44px;border-radius:6px;cursor:pointer}.ocr-workspace button:disabled{opacity:.45;cursor:default}.ocr-workspace button:focus-visible,.ocr-workspace select:focus-visible,.ocr-workspace textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ocr-workspace .studio-button{gap:8px;font-size:12px;white-space:normal}.ocr-workspace .secondary{color:var(--ink);background:transparent;border:1px solid var(--line)}.ocr-workspace .secondary:hover{background:var(--surface-soft)}.ocr-toolbar>button:not(.studio-button){border:1px solid var(--line);padding:8px 12px;font-size:12px}.ocr-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.ocr-empty{width:100%;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--surface-soft);border:1px dashed var(--line);color:var(--muted);padding:24px}.ocr-empty strong{font:400 28px var(--display);color:var(--ink)}.ocr-empty span{font-size:12px}.ocr-image-scroll{overflow:auto;max-height:65vh;border:1px solid var(--line);background:var(--surface-soft)}.ocr-image-stage{position:relative;margin:auto;max-width:100%}.ocr-image-stage canvas{display:block;width:100%;height:100%}.ocr-image-stage.selecting canvas{touch-action:none;cursor:crosshair}.ocr-overlay{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.ocr-image-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:14px;margin-bottom:16px}.ocr-image-dimensions{font-variant-numeric:tabular-nums;white-space:nowrap}.ocr-zoom{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.ocr-zoom button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border:1px solid transparent;border-radius:5px;font-size:12px;line-height:1.2;white-space:nowrap;color:var(--muted);background:transparent;transition:background .15s,color .15s,border-color .15s}.ocr-zoom button:hover{color:var(--ink)}.ocr-zoom button[aria-pressed=true]{background:var(--surface);border-color:var(--line);color:var(--ink)}.ocr-zoom button[aria-pressed=true] svg{color:var(--accent)}.ocr-image-actions{display:flex;gap:6px;align-items:center;margin-left:auto}.ocr-image-actions>button{display:grid;place-items:center;min-width:44px;border:1px solid transparent;background:transparent;color:var(--muted)}.ocr-image-actions>button:hover:not(:disabled){border-color:var(--line);background:var(--surface-soft);color:var(--ink)}.ocr-image-actions label{display:flex;gap:8px;align-items:center;min-height:44px;margin-left:8px;white-space:nowrap}@media (max-width:560px){.ocr-image-info{gap:10px}.ocr-image-dimensions{width:100%}.ocr-image-actions{margin-left:0}.ocr-zoom button{padding-inline:12px}}.ocr-settings{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.ocr-settings legend,.ocr-device>label{font-size:12px;display:block;margin-bottom:8px}.ocr-segments{display:flex;gap:6px}.ocr-segments button{flex:1;border:1px solid var(--line);padding:10px;font-size:12px;background:transparent}.ocr-segments button[aria-pressed=true]{background:var(--surface-soft);border-color:var(--accent)}.ocr-settings select{display:block;width:100%;min-height:44px;font-size:14px;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:10px;color:var(--ink);margin-top:8px}.ocr-small{grid-column:1/-1}.ocr-small label{display:flex;align-items:center;gap:8px;font-size:12px;min-height:44px}.ocr-small p,.ocr-hint,.ocr-privacy{font-size:12px;line-height:1.85;color:var(--muted)}.ocr-hint{margin-top:12px}.ocr-hint button{color:var(--accent);text-decoration:underline;padding:0 8px}.ocr-privacy{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:11px}.ocr-run{display:flex;gap:10px;margin-top:20px}.ocr-run>.studio-button:first-child{flex:1}.ocr-progress{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;background:var(--surface-soft);padding:12px;min-height:44px}.ocr-error{font-size:13px;color:#b04436;margin-top:16px;line-height:1.7}.dark .ocr-error{color:#f2a399}.ocr-result-heading{display:flex;gap:16px;justify-content:space-between;align-items:baseline;flex-wrap:wrap;margin-bottom:18px}.ocr-result-heading h2{font:400 26px var(--display)}.ocr-result-heading span{font-size:11px;color:var(--muted)}.ocr-tabs{margin-bottom:16px}.ocr-result textarea{width:100%;min-height:400px;padding:16px;font-size:15px;line-height:1.9;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;color:var(--ink);resize:vertical;margin-bottom:12px}.ocr-exports{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:16px}.ocr-lines{list-style:none;padding:0;margin:14px 0;max-height:460px;overflow:auto;min-height:280px}.ocr-lines button{display:grid;grid-template-columns:26px minmax(0,1fr) 40px;gap:10px;align-items:start;text-align:left;width:100%;border-bottom:1px solid var(--line);padding:14px 8px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.ocr-lines button[aria-pressed=true]{background:var(--surface-soft)}.ocr-line-number,.ocr-lines small{font-size:11px;color:var(--muted)}.ocr-lines small.low{color:#b04436}.dark .ocr-lines small.low{color:#f2a399}@media (max-width:900px){.ocr-layout{grid-template-columns:minmax(0,1fr)}.ocr-result textarea{min-height:280px}.ocr-empty{min-height:220px}}@media (max-width:560px){.ocr-panel{padding:18px}.ocr-layout{gap:16px}.ocr-settings{grid-template-columns:minmax(0,1fr)}.ocr-settings select,.ocr-result textarea{font-size:16px!important}.ocr-toolbar>.studio-button{flex:1}.ocr-exports>.studio-button{width:100%}.ocr-banner{padding:8px 12px}.ocr-banner p{line-height:1.7}}.tool-page[data-tool=online-drawing]{width:min(1600px,calc(100% - 64px))}.tool-page[data-tool=online-drawing] .workspace-header{padding-bottom:22px;margin-bottom:20px}.drawing-studio{position:relative;color:var(--ink);font-size:13px}.drawing-studio button,.draw-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer;font:inherit;transition:background .15s,border-color .15s}.drawing-studio button:hover,.draw-dialog button:hover{background:var(--surface-soft);border-color:var(--line)}.drawing-studio button:disabled,.draw-dialog button:disabled{opacity:.4;cursor:not-allowed}.drawing-studio button.draw-primary,.draw-dialog button.draw-primary{background:var(--accent-fill);color:var(--accent-ink);border-color:var(--accent-fill)}.drawing-studio button.draw-primary:hover,.draw-dialog button.draw-primary:hover{background:#e6cfa4}.drawing-studio button.draw-active{background:var(--surface-soft);color:var(--accent);border-color:var(--line)}.drawing-studio input,.drawing-studio textarea,.drawing-studio select,.draw-dialog input,.draw-dialog select{font:inherit;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;min-width:0}.drawing-studio input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=file]),.drawing-studio select,.draw-dialog input:not([type=range]):not([type=color]):not([type=checkbox]),.draw-dialog select{min-height:38px;padding:7px 10px;width:100%}.drawing-studio input[type=range],.draw-dialog input[type=range]{accent-color:var(--accent);width:100%;height:24px;cursor:pointer;background:transparent;border:0}.drawing-studio input[type=checkbox],.draw-dialog input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.draw-file{display:none}.draw-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 18px}.draw-eyebrow{color:var(--accent);font-size:10px;letter-spacing:.15em;font-weight:500}.draw-heading p{color:var(--muted);font-size:12px;margin-top:6px}.draw-heading-actions{display:flex;gap:3px}.draw-heading-actions button{width:44px;padding:0}.draw-workbench{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.draw-filebar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;padding:10px 14px;border-bottom:1px solid var(--line)}.draw-file-actions,.draw-export-actions{display:flex;align-items:center;gap:4px}.draw-export-actions{gap:10px}.draw-options{display:flex;align-items:center;gap:18px;min-height:62px;padding:9px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap;font-size:12px}.draw-options input[type=range]{width:100px}.draw-options input[type=number]{max-width:68px}.draw-options>select{width:auto}.draw-tool-name{font-weight:500;min-width:72px;padding-right:18px;border-right:1px solid var(--line)}.draw-color-control{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.draw-color-control input[type=color]{width:30px;height:30px;border-radius:5px;border:1px solid var(--line);background:var(--surface);padding:3px;cursor:pointer}.draw-color-control input::-webkit-color-swatch{border:0;border-radius:2px}.draw-inline-control{display:inline-flex;align-items:center;gap:9px;color:var(--muted)}.draw-inline-control output{min-width:35px;color:var(--ink);font-variant-numeric:tabular-nums}.draw-check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);min-height:40px}.draw-option-note{color:var(--muted);font-size:12px;line-height:1.7}.draw-history-actions{display:flex;gap:2px;margin-left:auto}.draw-history-actions button{width:40px;padding:0}.draw-main{display:grid;grid-template-columns:62px minmax(0,1fr) 270px;height:clamp(520px,65dvh,820px)}.draw-toolbar{display:flex;align-items:center;flex-direction:column;gap:2px;border-right:1px solid var(--line);padding:9px 6px;overflow-y:auto}.draw-toolbar button{width:46px;min-height:44px;padding:0;position:relative;flex-shrink:0}.draw-toolbar kbd{font-family:inherit;font-size:8px;position:absolute;bottom:3px;right:4px;color:var(--faint)}.draw-swatches{position:relative;width:46px;height:50px;margin-top:10px;flex-shrink:0}.draw-swatches label{position:absolute;width:28px;height:28px}.draw-swatches input[type=color]{width:100%;height:100%;padding:2px;border-radius:4px;border:1px solid var(--line);background:var(--surface);cursor:pointer}.draw-swatches input::-webkit-color-swatch{border:0;border-radius:2px}.draw-swatch-fg{left:2px;top:2px;z-index:1}.draw-swatch-bg{right:2px;bottom:2px}.drawing-studio .draw-swatches button{position:absolute;min-height:0;width:14px;height:14px;padding:0;border:0;border-radius:2px;color:var(--muted)}.drawing-studio .draw-swatches button:hover{color:var(--accent);background:transparent}.draw-swatches .draw-swatch-swap{right:1px;top:2px}.draw-swatches .draw-swatch-reset{left:2px;bottom:2px}.draw-swatch-reset span{position:absolute;width:7px;height:7px;border:1px solid var(--ink)}.draw-swatch-reset span:first-child{left:1px;top:1px;background:#000;z-index:1}.draw-swatch-reset span:last-child{right:1px;bottom:1px;background:#fff}.draw-brush-ring{display:none;position:absolute;left:0;top:0;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #0000008c;pointer-events:none}.draw-viewport{background:var(--surface-soft);background-image:radial-gradient(var(--line) .6px,transparent .6px);background-size:12px 12px;position:relative;min-width:0;overflow:auto;overscroll-behavior:contain;touch-action:none}.draw-stage{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.draw-canvas-wrap{position:relative;flex-shrink:0;background-color:#fff;background-image:linear-gradient(45deg,#e7e7e7 25%,transparent 25%),linear-gradient(-45deg,#e7e7e7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7e7e7 75%),linear-gradient(-45deg,transparent 75%,#e7e7e7 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;box-shadow:0 3px 22px #23190a1a}.draw-art,.draw-overlay{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none}.draw-overlay{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.draw-cursor-move{cursor:default}.draw-cursor-brush,.draw-cursor-eraser,.draw-cursor-rect,.draw-cursor-ellipse,.draw-cursor-line,.draw-cursor-fill,.draw-cursor-gradient,.draw-cursor-picker,.draw-cursor-crop{cursor:crosshair}.draw-cursor-text{cursor:text}.draw-cursor-hand{cursor:grab}.draw-cursor-hand:active{cursor:grabbing}.draw-welcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;pointer-events:none;text-align:center;background:var(--surface);margin:32px;border:1px solid var(--line)}.draw-welcome-mark{color:var(--accent);position:relative;width:75px;height:75px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin-bottom:25px}.draw-welcome-mark span{position:absolute;right:-5px;top:-5px;font-size:28px;background:var(--surface);padding:0 3px}.draw-welcome h2{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.5vw,42px);line-height:1.4}.draw-welcome p{color:var(--muted);max-width:360px;margin:14px 0 24px;font-size:13px;line-height:1.8}.draw-welcome>div:not(.draw-welcome-mark){display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.draw-welcome button{pointer-events:auto;border-color:var(--line)}.draw-welcome button.draw-sample-link{border:0;color:var(--accent);font-size:12px;margin-top:16px}.draw-welcome small{color:var(--faint);font-size:11px;margin-top:6px}.draw-sidebar{display:flex;flex-direction:column;border-left:1px solid var(--line);min-height:0;min-width:0}.draw-panel-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:8px}.draw-panel-tabs button{flex:1;gap:7px;padding:7px;font-size:12px}.draw-panel-tabs button span{font-size:10px;color:var(--muted)}.draw-side-scroll{flex:1;overflow:auto;min-height:0}.draw-layer-actions{display:flex;justify-content:space-around;padding:5px 7px;border-bottom:1px solid var(--line)}.draw-layer-actions button{flex:1 1 0;max-width:44px;min-width:0;padding:0}.draw-layer-list{max-height:210px;overflow-y:auto;border-bottom:1px solid var(--line)}.draw-layer-row{display:flex;align-items:center;min-height:62px;border-bottom:1px solid var(--line);padding:3px}.draw-layer-row:last-child{border-bottom:0}.draw-layer-row.is-selected{background:var(--surface-soft);box-shadow:inset 3px 0 0 var(--accent)}.draw-layer-row.is-hidden .draw-layer-select{opacity:.45}.draw-layer-row[draggable=true]{cursor:grab}.draw-layer-row.is-drop-target{box-shadow:inset 0 2px 0 var(--accent)}.draw-layer-row>button:not(.draw-layer-select){padding:0;width:44px;flex-shrink:0}.draw-layer-row button.draw-layer-select{text-align:left;justify-content:flex-start;min-width:0;flex:1;padding:4px;gap:8px;background:transparent;border:0}.draw-layer-select span{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.draw-layer-select small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.draw-thumb{background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0 0 / 8px 8px;border:1px solid var(--line);width:40px;height:32px;flex-shrink:0}.draw-empty-layers{text-align:center;color:var(--muted);padding:35px 22px}.draw-empty-layers svg{margin:0 auto 14px;color:var(--faint)}.draw-empty-layers p{font-size:13px;margin-bottom:9px}.draw-empty-layers small{font-size:11px;line-height:1.8;display:block}.draw-properties,.draw-adjustments,.draw-text-editor{padding:18px 16px}.draw-properties h3,.draw-adjustments h3{font-size:12px;font-weight:500;margin-bottom:18px}.draw-field{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12px;margin-bottom:16px}.draw-field input,.draw-field select{color:var(--ink)}.draw-range{display:block;margin:16px 0;font-size:12px}.draw-range>span{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);margin-bottom:5px}.draw-dialog-error{color:#a34838;line-height:1.7;padding:10px 12px;border:1px solid #a34838;margin-bottom:18px;border-radius:6px}.draw-range output{color:var(--ink);font-size:11px;font-variant-numeric:tabular-nums}.draw-transform-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.draw-transform-grid label{color:var(--muted);font-size:11px;display:flex;flex-direction:column;gap:6px}.draw-flip-actions{display:flex;margin-top:14px;gap:6px}.draw-flip-actions button{border-color:var(--line);width:44px}.draw-text-editor{border-top:1px solid var(--line)}.draw-text-editor textarea{padding:10px;resize:vertical;width:100%;line-height:1.6}.draw-text-editor small{color:var(--muted);font-size:11px;line-height:1.7}.drawing-studio button.draw-canvas-settings{border:0;border-top:1px solid var(--line);border-radius:0;justify-content:space-between;padding:15px 16px;width:100%;text-align:left}.draw-canvas-settings small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.draw-statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 15px;min-height:54px;border-top:1px solid var(--line)}.draw-document-name{font-size:12px;max-width:45%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.draw-document-name small{color:var(--muted);margin-left:16px;font-size:11px}.draw-zoom-controls{display:flex;align-items:center;gap:2px}.draw-zoom-controls button{width:38px;padding:0}.draw-zoom-controls select{width:auto;max-width:180px;min-height:34px;font-size:11px;border-color:transparent;background:transparent}.draw-footnote{display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:11px;line-height:1.8;padding:17px 0}.draw-footnote span:first-child{max-width:60%}.draw-notice{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:75;display:flex;align-items:center;gap:16px;width:-moz-max-content;width:max-content;max-width:calc(100vw - 32px);padding:8px 12px 8px 20px;background:var(--surface);color:var(--ink);border:1px solid var(--accent);border-radius:8px;font-size:13px;box-shadow:0 5px 25px #00000021}.draw-notice.is-error{border-color:#a34838}.draw-notice button{width:38px;flex-shrink:0;padding:0}.draw-busy{position:absolute;inset:0;z-index:4;background:color-mix(in srgb,var(--surface) 82%,transparent);display:flex;align-items:center;justify-content:center;gap:12px}.draw-spinner{width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:draw-spin .8s linear infinite}@keyframes draw-spin{to{transform:rotate(360deg)}}.draw-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:28px;font-family:Inter,Microsoft YaHei,system-ui,sans-serif;font-size:13px;margin:auto;box-shadow:0 20px 80px #0003}.draw-dialog::backdrop{background:#100e0a99}.draw-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.draw-dialog-head h2{font:400 27px/1.35 var(--display)}.draw-dialog-head button{width:44px;padding:0;flex-shrink:0}.draw-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.draw-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;border-top:1px solid var(--line);padding-top:20px}.draw-dialog-actions button:not(.draw-primary){border-color:var(--line)}.draw-presets{display:flex;gap:8px;margin:0 0 22px}.draw-presets button{flex:1;flex-direction:column;gap:5px;border-color:var(--line);font-size:12px}.draw-presets small{color:var(--muted);font-size:10px}.draw-dialog-note{color:var(--muted);font-size:12px;line-height:1.9}.draw-dialog .draw-check{margin-top:15px}.draw-replace-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.draw-replace-actions button{border-color:var(--line)}.draw-export-summary{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:15px 0;margin:20px 0 15px;font-size:12px}.draw-help-list{padding-left:22px;list-style:decimal;color:var(--muted);line-height:1.9}.draw-help-list li{padding-left:5px;margin-bottom:14px}.draw-shortcuts>div{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:13px 0}.draw-shortcuts kbd{font:11px/1.5 Inter,system-ui,sans-serif}.draw-shortcuts dd{color:var(--muted);font-size:12px;text-align:right}.drawing-studio:fullscreen{background:var(--page);overflow:auto;padding:16px 24px}.drawing-studio:fullscreen .draw-main{height:calc(100dvh - 275px)}@media (max-width: 1100px){.draw-main{grid-template-columns:56px minmax(0,1fr) 235px}.draw-filebar{flex-wrap:wrap}.draw-options{gap:10px}.draw-option-note{max-width:330px}.draw-welcome{padding:24px 16px}.draw-welcome h2{font-size:29px}}@media (max-width: 760px){.tool-page[data-tool=online-drawing]{width:calc(100% - 32px)}.draw-filebar{gap:8px;padding:8px}.draw-file-actions{flex-wrap:wrap;gap:0}.draw-file-actions button,.draw-export-actions button{font-size:11px;gap:6px;padding:6px 9px}.draw-export-actions{margin-left:auto;gap:4px}.draw-main{grid-template-columns:minmax(0,1fr);height:auto}.draw-toolbar{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;padding:6px;height:60px}.draw-toolbar button{min-width:44px;min-height:44px}.draw-swatches{margin:0 4px;height:46px}.draw-viewport{height:430px}.draw-sidebar{border-left:0;border-top:1px solid var(--line)}.draw-side-scroll{max-height:370px;min-height:160px}.draw-layer-list{max-height:185px}.draw-properties{border-top:1px solid var(--line)}.draw-transform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.draw-layer-row>button:not(.draw-layer-select){width:44px}.draw-welcome{margin:20px;padding:20px 12px}.draw-welcome-mark{width:52px;height:52px;margin-bottom:16px}.draw-welcome p{font-size:12px;margin:12px 0 20px}.draw-welcome h2{font-size:26px}.draw-welcome>div:not(.draw-welcome-mark){gap:6px}.draw-welcome button{font-size:11px;padding:8px 10px}.draw-options{padding:8px 10px;gap:8px 12px}.draw-options>.draw-option-note{display:none}.draw-tool-name{min-width:0;font-size:11px;padding-right:10px}.draw-inline-control{font-size:11px;gap:6px}.draw-options input[type=range]{width:65px}.draw-options>select{max-width:100px}.draw-options input[type=number]{max-width:60px}.draw-statusbar{flex-wrap:wrap;padding:6px 8px;gap:4px}.draw-document-name{max-width:100%;width:100%;padding:4px 6px}.draw-zoom-controls{margin-left:auto}.draw-footnote{flex-direction:column;gap:10px}.draw-footnote span:first-child{max-width:100%}.draw-heading{gap:8px}.draw-heading-actions{gap:0}.draw-heading-actions button{width:40px}.draw-eyebrow{font-size:8px}.draw-heading p{font-size:10px}.draw-dialog{padding:20px}.draw-dialog-head h2{font-size:25px}.drawing-studio input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=file]),.drawing-studio textarea,.drawing-studio select,.draw-dialog input:not([type=range]):not([type=color]):not([type=checkbox]),.draw-dialog select{font-size:16px}.drawing-studio .draw-zoom-controls select{font-size:12px}.drawing-studio:fullscreen{padding:12px}.drawing-studio:fullscreen .draw-main{height:auto}.drawing-studio:fullscreen .draw-viewport{height:55dvh}}@media (prefers-reduced-motion: reduce){.drawing-studio button,.draw-dialog button{transition:none}.draw-spinner{animation:none}}