[data-tool-view=AdvancedFive] .five-workspace{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:24px}[data-tool-view=AdvancedFive] [hidden]{display:none!important}[data-tool-view=AdvancedFive] .five-drop{border:2px dashed var(--line);text-align:center;background:var(--soft);border-radius:12px;padding:24px}[data-tool-view=AdvancedFive] .five-drop>p:first-child{margin:0 0 16px;font-size:18px;font-weight:650;line-height:1.6}[data-tool-view=AdvancedFive] .five-limit{color:var(--muted);overflow-wrap:anywhere;max-inline-size:80ch;margin:16px auto 0;font-size:14px;line-height:1.8}[data-tool-view=AdvancedFive] .five-file-list{overflow-wrap:anywhere;padding-inline-start:24px;font-size:14px;line-height:1.8}[data-tool-view=AdvancedFive] .five-options{flex-wrap:wrap;gap:20px;margin-block:24px;display:flex}[data-tool-view=AdvancedFive] .five-options>label,[data-tool-view=AdvancedFive] .five-search>label,[data-tool-view=AdvancedFive] .five-rect-fields>label,[data-tool-view=AdvancedFive] .five-mask-controls>label{gap:10px;min-inline-size:160px;max-inline-size:100%;font-weight:600;display:grid}[data-tool-view=AdvancedFive] .five-options select,[data-tool-view=AdvancedFive] .five-search input,[data-tool-view=AdvancedFive] .five-rect-fields input{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;min-block-size:44px;max-inline-size:100%;padding:10px 12px}[data-tool-view=AdvancedFive] .five-mask-controls{gap:18px;inline-size:100%;display:grid}[data-tool-view=AdvancedFive] .five-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}[data-tool-view=AdvancedFive] .five-rectangle{border:1px solid var(--line);border-radius:10px;padding:14px}[data-tool-view=AdvancedFive] .five-rectangle>summary{cursor:pointer}[data-tool-view=AdvancedFive] .five-rect-fields{flex-wrap:wrap;align-items:end;gap:16px;margin-block-start:16px;display:flex}[data-tool-view=AdvancedFive] .five-rect-fields>label{flex:1;min-inline-size:100px}[data-tool-view=AdvancedFive] .five-search{gap:16px;max-inline-size:76ch;margin-block:24px;display:grid}[data-tool-view=AdvancedFive] .five-search>button{justify-self:start}[data-tool-view=AdvancedFive] .five-search>p{color:var(--muted);margin:0;line-height:1.8}[data-tool-view=AdvancedFive] .five-views{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;margin-block-start:24px;display:grid}[data-tool-view=AdvancedFive] .five-panel{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:12px;min-inline-size:0;padding:18px}[data-tool-view=AdvancedFive] .five-panel h2{margin:0 0 16px;font-size:18px}[data-tool-view=AdvancedFive] .five-canvas-wrap{background:repeating-conic-gradient(var(--line) 0% 25%,var(--surface) 0% 50%) 50% / 20px 20px;border-radius:8px;max-block-size:560px;overflow:auto}[data-tool-view=AdvancedFive] #five-canvas,[data-tool-view=AdvancedFive] #five-output-image{object-fit:contain;block-size:auto;inline-size:100%;max-inline-size:100%;display:block}[data-tool-view=AdvancedFive] .five-paintable{cursor:crosshair;touch-action:none}[data-tool-view=AdvancedFive] #five-output-image{background:var(--soft);border-radius:8px;max-block-size:560px}[data-tool-view=AdvancedFive] #five-result-text{resize:vertical;background:var(--surface);min-block-size:300px;inline-size:100%;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:14px;font:14px/1.7 monospace}[data-tool-view=AdvancedFive] #five-hits article{border-block-end:1px solid var(--line);padding-block:16px}[data-tool-view=AdvancedFive] #five-hits h3{margin:0 0 10px;font-size:16px}[data-tool-view=AdvancedFive] #five-hits p{white-space:pre-wrap;line-height:1.8}[data-tool-view=AdvancedFive] #five-hits small,[data-tool-view=AdvancedFive] #five-output-info,[data-tool-view=AdvancedFive] #five-source-info{color:var(--muted)}[data-tool-view=AdvancedFive] .five-help{margin-block:28px}[data-tool-view=AdvancedFive] .five-help .practical-guide{max-inline-size:80ch;line-height:1.8}[data-tool-view=AdvancedFive] .five-help h2{margin-block:28px 12px;font-size:20px}[data-tool-view=AdvancedFive] .five-help h3{margin-block:24px 8px;font-size:17px}[data-tool-view=AdvancedFive] .five-help p,[data-tool-view=AdvancedFive] .five-help li{color:var(--muted)}[data-tool-view=AdvancedFive] .five-help table{border-collapse:collapse;inline-size:100%;font-size:14px}[data-tool-view=AdvancedFive] .five-help td,[data-tool-view=AdvancedFive] .five-help th{border:1px solid var(--line);text-align:start;vertical-align:top;overflow-wrap:anywhere;padding:12px}@media (width<=620px){[data-tool-view=AdvancedFive] .five-workspace{padding:16px}[data-tool-view=AdvancedFive] .five-drop{padding:20px 16px}[data-tool-view=AdvancedFive] .five-options>label{inline-size:100%}[data-tool-view=AdvancedFive] .five-panel{padding:14px}[data-tool-view=AdvancedFive] .five-views{gap:16px}[data-tool-view=AdvancedFive] .five-actions>.button{white-space:normal;text-align:center;flex:1}[data-tool-view=AdvancedFive] .five-help th{inline-size:30%}}[data-tool-view=AdvancedFive] .five-drop:has(#five-file:focus-visible){outline:3px solid var(--focus);outline-offset:3px}[data-tool-view=AdvancedFive] .five-input-actions{grid-template-columns:1fr auto;align-items:center;gap:12px;max-inline-size:640px;margin-inline:auto;display:grid}[data-tool-view=AdvancedFive] .five-input-actions>.button{white-space:normal;text-align:center;min-block-size:44px}[data-tool-view=AdvancedFive] .five-example-note{color:var(--muted);max-inline-size:70ch;margin:14px auto 0;font-size:14px;line-height:1.7}@media (width<=620px){[data-tool-view=AdvancedFive] .five-input-actions{grid-template-columns:1fr}}