body:has(#tool-workspace:not(.compact-studio)){--border:oklch(91% .006 250);--input:oklch(81% .01 250)}.dark body:has(#tool-workspace:not(.compact-studio)){--border:oklch(30% .012 260);--input:oklch(42% .015 260)}body:has(#tool-workspace:not(.compact-studio)) main :is(.rounded-2xl,.rounded-3xl){border-radius:10px}body:has(#tool-workspace:not(.compact-studio)) main :is(button,input,select).rounded-xl{border-radius:8px}body:has(#tool-workspace:not(.compact-studio)) main :is([class*=shadow],.animate-pulse-glow){box-shadow:none}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-editor,.studio-export)>.bg-card,body:has(#tool-workspace:not(.compact-studio)) #exam-preset-selector{border:1px solid var(--border);background:var(--card)}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-meta-bar>div>.inline-flex{border-color:#0000}body:has(#tool-workspace:not(.compact-studio)) #upload-dropzone{border-width:1px;border-radius:8px}body:has(#tool-workspace:not(.compact-studio)) #upload-dropzone>div:first-child{background:var(--muted);border:0;border-radius:8px}body:has(#tool-workspace:not(.compact-studio)) #upload-dropzone svg{animation:none}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(input:not([type=range]):not([type=checkbox]),select){border-width:1px;border-color:var(--input);border-radius:8px}body:has(#tool-workspace:not(.compact-studio)) main :is(button,input,select,[role=button]):focus-visible{outline:2px solid var(--ring);outline-offset:3px}body:has(#tool-workspace:not(.compact-studio)) #exam-preset-options{border-width:1px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.live-badge,#preview-dim-tag){border-color:#0000}body:has(#tool-workspace:not(.compact-studio)) main a[class*=border]:hover{border-color:var(--input)}body:has(#tool-workspace:not(.compact-studio)) main :is(section,div):has(>astro-island>#tool-workspace){border-radius:10px;min-height:0;padding:16px}body:has(#tool-workspace:not(.compact-studio)) .studio-mode-tabs{border-bottom:1px solid var(--border);gap:4px;padding-bottom:8px;display:flex}body:has(#tool-workspace:not(.compact-studio)) .studio-mode-tabs button{cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px;font-size:12px;font-weight:600;display:flex}body:has(#tool-workspace:not(.compact-studio)) .studio-mode-tabs button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}body:has(#tool-workspace:not(.compact-studio)) .studio-mode-tabs button[aria-pressed=false]:hover{background:var(--muted)}body:has(#tool-workspace:not(.compact-studio)) main{padding-inline:0;width:calc(100% - clamp(32px,8vw,128px));max-width:1360px;padding-top:12px;padding-bottom:16px}body:has(#tool-workspace:not(.compact-studio)) main>*+*{margin-top:16px}body:has(#tool-workspace:not(.compact-studio)) main>section:not(:first-child):not(:has(#tool-workspace)):not(#troubleshooting):not(#author-editorial){padding:16px}body:has(#tool-workspace:not(.compact-studio)) main>section>.grid{gap:12px}body:has(#tool-workspace:not(.compact-studio)) main>section>.grid>a{padding:12px}body:has(#tool-workspace:not(.compact-studio)) main>section>.grid>a>*+*{margin-top:8px}body:has(#tool-workspace:not(.compact-studio)) main>section>div:first-child.border-b{padding-bottom:10px}body:has(#tool-workspace:not(.compact-studio)) .knowledge-grid{gap:12px}body:has(#tool-workspace:not(.compact-studio)) .knowledge-main>div,body:has(#tool-workspace:not(.compact-studio)) .knowledge-sidebar>div{padding:16px}body:has(#tool-workspace:not(.compact-studio)) .knowledge-main details{padding:12px}body:has(#tool-workspace:not(.compact-studio)) .knowledge-main>div>*+*{margin-top:12px}body:has(#tool-workspace:not(.compact-studio)) #author-editorial{padding-top:16px}body:has(#tool-workspace:not(.compact-studio)) #author-editorial>div{padding:16px}body:has(#tool-workspace:not(.compact-studio)) #author-editorial>div>div:first-child{padding-bottom:12px}body:has(#tool-workspace:not(.compact-studio)) footer[role=contentinfo]{padding-top:24px;padding-bottom:24px}body:has(#tool-workspace:not(.compact-studio)) footer>div.relative>*+*{margin-top:20px}body:has(#tool-workspace:not(.compact-studio)) footer>div.relative>div:first-child{padding:16px}body:has(#tool-workspace:not(.compact-studio)) footer .grid{gap:16px}body:has(#tool-workspace:not(.compact-studio)) main>section:first-child{padding:16px 20px}body:has(#tool-workspace:not(.compact-studio)) main>section:first-child h1{font-size:clamp(24px,2.2vw,32px)}body:has(#tool-workspace:not(.compact-studio)) main>section:first-child .animate-pulse-glow{border-width:1px;padding:12px}body:has(#tool-workspace:not(.compact-studio)) main>section:first-child [class~="h-[145px]"]{height:100px}body:has(#tool-workspace:not(.compact-studio)) main>section:has(#tool-workspace),body:has(#tool-workspace:not(.compact-studio)) #tool-workspace{min-height:0}body:has(#tool-workspace:not(.compact-studio)) main>section:has(#tool-workspace){padding:16px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace>*+*{margin-top:12px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .quick-upload{display:none}body:has(#tool-workspace:not(.compact-studio)) .mode-selector{border-width:1px;border-color:var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:0;padding:12px 16px;display:flex}body:has(#tool-workspace:not(.compact-studio)) .mode-selector>div:first-child{border:0;padding:0}body:has(#tool-workspace:not(.compact-studio)) .mode-selector>div:first-child p,body:has(#tool-workspace:not(.compact-studio)) .mode-selector>div:first-child>span,body:has(#tool-workspace:not(.compact-studio)) .mode-selector h2>span:last-child{display:none}body:has(#tool-workspace:not(.compact-studio)) .mode-selector>div:last-child{flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}body:has(#tool-workspace:not(.compact-studio)) .mode-selector>div:last-child>button{border-radius:7px;gap:8px;min-height:44px;padding:8px 12px}body:has(#tool-workspace:not(.compact-studio)) .mode-selector button>div>div:first-child{background:0 0;width:20px;height:20px}body:has(#tool-workspace:not(.compact-studio)) .mode-selector button>div>div:last-child>div:last-child{display:none}body:has(#tool-workspace:not(.compact-studio)) .mode-selector button>div{gap:6px}body:has(#tool-workspace:not(.compact-studio)) #exam-preset-selector{padding:12px 16px}body:has(#tool-workspace:not(.compact-studio)) #exam-preset-selector>*+*{margin-top:8px}body:has(#tool-workspace:not(.compact-studio)) #exam-preset-selector>div:last-child:not(#exam-preset-options):not(.preset-spec-chips){border-width:1px;padding:8px 12px}body:has(#tool-workspace:not(.compact-studio)) #exam-preset-selector>div:last-child:not(#exam-preset-options)>div:first-child{padding:4px}body:has(#tool-workspace:not(.compact-studio)) #exam-preset-selector>div:last-child:not(#exam-preset-options)>div:last-child{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}body:has(#tool-workspace:not(.compact-studio)) #exam-preset-selector>div:last-child:not(#exam-preset-options) p{margin:0}body:has(#tool-workspace:not(.compact-studio)) #studio-container>.resizer-step-guide,body:has(#tool-workspace:not(.compact-studio)) #studio-container>div:has(button[title="Share Preset Link"]){display:none}body:has(#tool-workspace:not(.compact-studio)) #studio-container>.studio-grid,body:has(#tool-workspace:not(.compact-studio)) .studio-grid{gap:16px;display:grid!important}body:has(#tool-workspace:not(.compact-studio)) .studio-export{container-type:inline-size}body:has(#tool-workspace:not(.compact-studio)) :is(.studio-editor,.studio-export)>.bg-card{padding:12px 16px}body:has(#tool-workspace:not(.compact-studio)) :is(.studio-editor,.studio-export)>*+*{margin-top:12px}body:has(#tool-workspace:not(.compact-studio)) .studio-export>.bg-card>*+*{margin-top:10px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace[data-has-image=false] #crop-workspace{min-height:240px;padding:8px}body:has(#tool-workspace:not(.compact-studio)) #upload-dropzone{min-height:220px;padding:16px}body:has(#tool-workspace:not(.compact-studio)) .output-canvas{min-height:170px;padding:12px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace[data-has-image=true] .output-canvas{min-height:180px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace[data-has-image=true] #crop-workspace{min-height:300px}body:has(#tool-workspace:not(.compact-studio)) .enhancement-options{padding:12px}body:has(#tool-workspace:not(.compact-studio)) .enhancement-options section[aria-label="Image issues and exam rules"]{padding:10px}body:has(#tool-workspace:not(.compact-studio)) #troubleshooting>.grid>div{justify-content:flex-start;gap:12px}body:has(#tool-workspace:not(.compact-studio)) #troubleshooting>.grid>div>*+*{margin-top:0}body:has(#tool-workspace:not(.compact-studio)) .studio-meta-bar{margin-bottom:8px;padding:0 0 8px}body:has(#tool-workspace:not(.compact-studio)) #troubleshooting{padding-top:16px}body:has(#tool-workspace:not(.compact-studio)) #troubleshooting>div:first-child{margin-bottom:12px}body:has(#tool-workspace:not(.compact-studio)) #troubleshooting>.grid{gap:12px;margin-top:12px}body:has(#tool-workspace:not(.compact-studio)) #troubleshooting>.grid>div{padding:16px}@media (width>=1024px){body:has(#tool-workspace:not(.compact-studio)) .studio-export>div:has(#width-input){grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px;display:grid}body:has(#tool-workspace:not(.compact-studio)) .studio-export>div:has(#width-input)>div:first-child{grid-column:1/-1}body:has(#tool-workspace:not(.compact-studio)) .studio-export>div:has(#width-input)>.grid,body:has(#tool-workspace:not(.compact-studio)) .studio-export>div:has(#width-input)>div:last-child,body:has(#tool-workspace:not(.compact-studio)) .studio-export>div:has(#width-input)>div:last-child>.grid{display:contents}body:has(#tool-workspace:not(.compact-studio)) .studio-export>div:has(#width-input)>div:last-child>div:first-child,body:has(#tool-workspace:not(.compact-studio)) .studio-export label[for=width-input]>span:last-child,body:has(#tool-workspace:not(.compact-studio)) .studio-export label[for=height-input]>span:last-child{display:none}body:has(#tool-workspace:not(.compact-studio)) .studio-export>div:has(#width-input) input{min-width:0;padding-left:0;padding-right:0}body:has(#tool-workspace:not(.compact-studio)) .studio-export>div:has(#width-input) button[aria-label*=crease]{width:24px;min-width:24px}body:has(#tool-workspace:not(.compact-studio)) .knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body:has(#tool-workspace:not(.compact-studio)) .knowledge-main{grid-column:1/span 2}body:has(#tool-workspace:not(.compact-studio)) .knowledge-sidebar{display:contents}body:has(#tool-workspace:not(.compact-studio)) .knowledge-sidebar>div{margin-top:0}body:has(#tool-workspace:not(.compact-studio)) .knowledge-sidebar>div:first-child{grid-area:1/3}body:has(#tool-workspace:not(.compact-studio)) .knowledge-sidebar>div:nth-child(2){grid-area:2/1}body:has(#tool-workspace:not(.compact-studio)) .knowledge-sidebar>div:nth-child(3){grid-area:2/2/auto/span 2}body:has(#tool-workspace:not(.compact-studio)) .knowledge-sidebar>div:nth-child(3) ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}body:has(#tool-workspace:not(.compact-studio)) .knowledge-sidebar>div:nth-child(3) li{margin:0}body:has(#tool-workspace:not(.compact-studio)) main>section:first-child>.grid{gap:16px}body:has(#tool-workspace:not(.compact-studio)) main>section:first-child .animate-pulse-glow>*+*{margin-top:8px}body:has(#tool-workspace:not(.compact-studio)) main>section:first-child [class~="h-[145px]"]{height:80px}}@media (width<=640px){body:has(#tool-workspace:not(.compact-studio)) main>section:first-child{padding:16px}body:has(#tool-workspace:not(.compact-studio)) :is(.studio-editor,.studio-export)>.bg-card{padding:12px}body:has(#tool-workspace:not(.compact-studio)) .mode-selector>div:last-child{width:100%}body:has(#tool-workspace:not(.compact-studio)) .mode-selector>div:last-child>button{flex:140px}}@container (width<=420px){body:has(#tool-workspace:not(.compact-studio)) .studio-export>div:has(#width-input){grid-template-columns:repeat(2,minmax(0,1fr))}}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace{--control-radius:8px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs button[aria-pressed=true],body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .editor-mode-toggle button[aria-pressed=true]{background:color-mix(in oklab, var(--primary) 12%, var(--card));color:var(--primary);box-shadow:inset 0 -2px var(--primary);border-color:#0000}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .editor-mode-toggle{border:0;gap:4px;padding:3px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .editor-mode-toggle button{border-radius:var(--control-radius);min-height:36px;padding:7px 12px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .ratio-btn{border-radius:var(--control-radius);min-width:36px;min-height:32px;padding:6px 9px;font-size:12px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .ratio-btn[class*=bg-primary]{background:color-mix(in oklab, var(--primary) 12%, var(--card));color:var(--primary);border-color:color-mix(in oklab, var(--primary) 40%, var(--border))}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace button:disabled{background:var(--muted);color:var(--muted-foreground);border-color:var(--border);opacity:.65;cursor:not-allowed;box-shadow:none}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace button:disabled svg{color:inherit}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .batch-studio>.studio-mode-tabs{max-width:780px}@media (pointer:coarse){body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.ratio-btn,.editor-mode-toggle button){min-height:44px}}body:has(#tool-workspace:not(.compact-studio)){--pill-ink:#5841ac;--pill-tint:#f0ecff;--pill-line:#c8bbed;--pill-gradient:linear-gradient(125deg, #6042c6, #3266c7)}.dark body:has(#tool-workspace:not(.compact-studio)){--pill-ink:#d8cbff;--pill-tint:#29213d;--pill-line:#675187;--pill-gradient:linear-gradient(125deg, #7050ce, #365fb4)}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs{background:0 0;border:0;border-radius:0;gap:8px;padding:0}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs button[data-mode=signature]{--mode-tone:#7955d4}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs button[data-mode=photo]{--mode-tone:#287dc0}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs button[data-mode=document]{--mode-tone:#269c87}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs button{text-align:left;border:1px solid var(--border);background:linear-gradient(120deg, var(--card), color-mix(in oklab, var(--mode-tone) 4%, var(--card)));border-radius:10px 18px 10px 10px;grid-template-rows:auto auto;grid-template-columns:34px minmax(0,1fr);place-content:center start;gap:3px 10px;min-height:64px;padding:10px 22px 10px 12px;font-size:12px;font-weight:650;transition:background-color .18s,border-color .18s,transform .18s;display:grid;position:relative}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs .studio-mode-description{color:var(--muted-foreground);white-space:nowrap;grid-column:2;font-size:10px;font-weight:400}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs button:before{content:attr(data-step);color:var(--muted-foreground);opacity:.65;font:9px monospace;position:absolute;top:7px;right:9px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs button>svg{box-sizing:content-box;width:18px;height:18px;color:var(--mode-tone);background:color-mix(in oklab, var(--mode-tone) 10%, var(--card));border-radius:8px;grid-row:1/3;padding:8px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs button[aria-pressed=true]{color:var(--foreground);background:linear-gradient(120deg, var(--card), color-mix(in oklab, var(--mode-tone) 12%, var(--card)));border-color:color-mix(in oklab, var(--mode-tone) 65%, var(--border));box-shadow:0 3px 8px color-mix(in oklab, var(--mode-tone) 12%, transparent)}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs button[aria-pressed=true]>svg{background:var(--mode-tone);color:#fff}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs button[aria-pressed=true]:after{content:"";background:var(--mode-tone);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:12px;right:12px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs button[aria-pressed=false]:hover{background:var(--card);border-color:var(--mode-tone);color:var(--foreground);transform:translateY(-1px)}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .editor-mode-toggle{border:1px solid var(--border);background:color-mix(in oklab, var(--muted) 55%, var(--card));border-radius:8px;padding:4px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .editor-mode-toggle button{border:1px solid #0000;border-radius:5px;min-height:34px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .editor-mode-toggle button[aria-pressed=true]{background:var(--pill-tint);color:var(--pill-ink);border-color:var(--pill-line);box-shadow:inset 0 -2px var(--pill-ink)}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .editor-mode-toggle button>span:last-child:not(:first-of-type){color:var(--pill-ink);background:var(--pill-tint);border-radius:999px;padding:2px 6px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.ratio-btn,.preview-options button,button[aria-label^=Select\ unit]){border:1px solid var(--border);min-height:30px;color:var(--muted-foreground);background:var(--card);border-radius:6px;padding:5px 10px;transition:background-color .18s,border-color .18s,color .18s}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.ratio-btn[class*=bg-primary],.preview-options button[aria-pressed=true],button[aria-label^=Select\ unit][class*=bg-primary]){background:linear-gradient(150deg, var(--card), var(--pill-tint));color:var(--pill-ink);border-color:var(--pill-line);box-shadow:inset 0 -2px 0 color-mix(in oklab, var(--pill-line) 50%, transparent);font-weight:700}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.ratio-btn,.preview-options button,button[aria-label^=Select\ unit]):hover{border-color:var(--pill-ink);color:var(--pill-ink)}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .live-badge{border:1px solid color-mix(in oklab, #16946b 30%, var(--border));color:var(--foreground);background:color-mix(in oklab, #16946b 8%, var(--card));border-radius:999px;padding:3px 8px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace #preview-dim-tag{color:var(--pill-ink);background:var(--pill-tint);border:1px solid var(--pill-line);border-radius:999px;padding:3px 9px}body:has(#tool-workspace:not(.compact-studio)) :is([data-directory-tab],[data-diagnostic-tab]){border:1px solid var(--border);min-height:44px;color:var(--muted-foreground);background:linear-gradient(160deg, var(--card), color-mix(in oklab, var(--muted) 45%, var(--card)));cursor:pointer;border-radius:7px 14px 7px 7px;justify-content:center;align-items:center;gap:7px;padding:8px 14px;transition:transform .18s,border-color .18s,color .18s;display:inline-flex}body.home-workspace:has(#tool-workspace:not(.compact-studio)) :is([data-directory-tab][aria-pressed=true],[data-diagnostic-tab][aria-selected=true]){color:var(--pill-ink);background:linear-gradient(130deg, var(--card), var(--pill-tint));border-color:var(--pill-line);box-shadow:inset 3px 0 var(--pill-ink), 0 3px 8px #46358a10}body:has(#tool-workspace:not(.compact-studio)) :is([data-directory-tab],[data-diagnostic-tab]):hover{border-color:var(--pill-line);transform:translateY(-1px)}body:has(#tool-workspace:not(.compact-studio)) :is([data-directory-tab],[data-diagnostic-tab]) svg{box-sizing:content-box;background:color-mix(in oklab, var(--pill-ink) 7%, transparent);border-radius:4px;flex-shrink:0;width:15px;height:15px;padding:3px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .canvas-file-actions{flex:340px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:450px;display:grid}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .canvas-file-actions button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:7px 8px;font-size:11px;display:flex}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .canvas-file-actions button svg{flex-shrink:0}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .canvas-file-actions .canvas-clear-button:not(:disabled){color:#b93848;border-color:color-mix(in oklab, #b93848 35%, var(--border))}.dark body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .canvas-file-actions .canvas-clear-button:not(:disabled){color:#fda4af}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .canvas-file-actions .canvas-clear-button:not(:disabled):hover{background:color-mix(in oklab, #b93848 8%, var(--card))}body:has(#tool-workspace:not(.compact-studio)) :is([data-directory-tab],[data-diagnostic-tab]):focus-visible{outline:2px solid var(--pill-ink);outline-offset:3px}@media (width<=480px){body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs button{border-radius:8px;flex-direction:column;gap:5px;min-width:0;min-height:62px;padding:7px 4px;font-size:11px;display:flex}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs button>svg{width:14px;height:14px;padding:5px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs .studio-mode-description,body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs button:before{display:none}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .preview-options{flex-wrap:wrap;gap:8px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .editor-mode-toggle button{gap:4px;padding:6px 8px;font-size:11px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .canvas-file-actions{flex-basis:100%;max-width:none}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .canvas-file-actions button{gap:4px;min-height:44px;padding-inline:4px;font-size:10px}}@media (pointer:coarse){body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.ratio-btn,.preview-options button,.editor-mode-toggle button,button[aria-label^=Select\ unit]),body:has(#tool-workspace:not(.compact-studio)) :is([data-directory-tab],[data-diagnostic-tab]){min-height:44px}}@media (prefers-reduced-motion:reduce){body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-mode-tabs button,.ratio-btn,.preview-options button,button[aria-label^=Select\ unit]),body:has(#tool-workspace:not(.compact-studio)) :is([data-directory-tab],[data-diagnostic-tab]){transition:none}}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-inline-controls>div:first-child{gap:8px;width:100%}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs{flex:260px;gap:4px;margin:0;padding:0}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button{white-space:nowrap;border-radius:7px;flex-direction:row;gap:5px;min-height:36px;padding:5px 8px;font-size:11px;display:flex}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button>svg{width:14px;height:14px;padding:3px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-description,body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button:before{display:none}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-inline-controls .editor-mode-toggle{margin-left:auto}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-inline-controls .editor-mode-toggle button{min-height:32px;padding:5px 7px;font-size:11px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-inline-controls .editor-mode-toggle button>span:last-child:not(:first-of-type),body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-inline-controls>div:first-child>div:last-child:not(.editor-mode-toggle){display:none}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace #crop-workspace{min-height:440px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace #upload-dropzone{min-height:410px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .output-canvas{min-height:280px}.background-fix{border:1px solid color-mix(in oklab, var(--primary) 25%, var(--border));background:color-mix(in oklab, var(--primary) 4%, var(--card));border-radius:10px;padding:12px;font-size:12px}.background-fix p{color:var(--muted-foreground);margin:6px 0}.background-fix-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.background-fix button{border:1px solid var(--border);cursor:pointer;border-radius:7px;min-height:36px;padding:7px 12px;transition:all .15s}.background-fix #remove-canvas-background{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);font-weight:700;box-shadow:0 1px 3px #0000001f}.background-fix #remove-canvas-background:hover:not(:disabled){opacity:.92;filter:brightness(1.05)}.paper-cleanup-strength button[aria-pressed=true]{font-weight:700;background:var(--primary)!important;color:var(--primary-foreground)!important;border-color:var(--primary)!important}.background-fix button:disabled{opacity:.55;cursor:wait}.background-fix [role=alert]{color:#b93848}@media (width<=640px){body:has(#tool-workspace:not(.compact-studio)) #tool-workspace #crop-workspace{min-height:360px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace #upload-dropzone{min-height:330px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-inline-controls .editor-mode-toggle{margin-left:0}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button{min-height:44px}}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs{--tab-position:0;--tab-accent:#7955d4;isolation:isolate;border:1px solid var(--border);background:color-mix(in oklab, var(--muted) 70%, var(--card));border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:4px;display:grid;position:relative}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs:has([data-mode=photo][aria-pressed=true]){--tab-position:1;--tab-accent:#287dc0}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace .studio-mode-tabs:has([data-mode=document][aria-pressed=true]){--tab-position:2;--tab-accent:#269c87}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs:before{content:"";z-index:-1;border:1px solid color-mix(in oklab, var(--tab-accent) 50%, var(--border));background:linear-gradient(135deg, var(--card), color-mix(in oklab, var(--tab-accent) 18%, var(--card)));width:calc(33.3333% - 2.66667px);box-shadow:0 2px 5px color-mix(in oklab, var(--tab-accent) 15%, transparent), inset 0 1px 0 oklab(100% 0 5.96046e-8/.4);transform:translateX(calc(var(--tab-position) * 100%));pointer-events:none;border-radius:9px;transition:transform .36s cubic-bezier(.22,1,.36,1),border-color .24s,background .24s;position:absolute;top:4px;bottom:4px;left:4px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button{min-width:0;min-height:36px;box-shadow:none;color:var(--muted-foreground);background:0 0;border-color:#0000;border-radius:9px;transition:color .18s;overflow:hidden;transform:none}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button[aria-pressed=true]{color:var(--foreground)}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button[aria-pressed=false]:hover{color:var(--foreground);background:color-mix(in oklab, var(--tab-accent) 6%, transparent)}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button:after{content:none}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button>svg{border-radius:6px;transition:background-color .18s,color .18s}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button[aria-pressed=true]>svg{animation:.36s cubic-bezier(.22,1,.36,1) studio-tab-arrive}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}@keyframes studio-tab-arrive{0%{transform:translateY(3px)scale(.85)rotate(-9deg)}65%{transform:translateY(-1px)scale(1.08)rotate(2deg)}to{transform:none}}@media (pointer:coarse),(width<=640px){body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button{min-height:44px}}@media (prefers-reduced-motion:reduce){body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs:before,body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button,body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button>svg{transition:none;animation:none}}@media (width<=480px){body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button{flex-direction:column;gap:4px;min-height:60px;padding:6px 2px;font-size:11px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs button>svg{flex-shrink:0;width:18px;height:18px;padding:2px}}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs.coast-guard-mode-tabs{flex:420px;grid-template-columns:repeat(3,minmax(0,1fr))}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs.coast-guard-mode-tabs:before{content:none}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs.coast-guard-mode-tabs button{white-space:nowrap;min-height:36px;padding:5px 8px;font-size:11px;font-weight:600}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs.coast-guard-mode-tabs button[aria-pressed=true]{background:var(--card);color:var(--primary);border:1px solid color-mix(in oklab, var(--primary) 35%, var(--border));font-weight:700;box-shadow:0 1px 3px #0000001a}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs.coast-guard-mode-tabs button[aria-pressed=true]>svg{background:var(--primary);color:var(--primary-foreground)}@media (width<=640px){body:has(#tool-workspace:not(.compact-studio)) #tool-workspace :is(.studio-inline-controls,.batch-toolbar) .studio-mode-tabs.coast-guard-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}#exam-tool{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}#tool-workspace{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}#tool-workspace .studio-editor>.studio-source-card,#tool-workspace .studio-export>div,#tool-workspace .enhancement-options{border-radius:16px!important;padding:12px 10px!important}#tool-workspace #crop-workspace{border-radius:12px!important;padding:6px!important}#tool-workspace #upload-dropzone{padding:16px 10px!important}#tool-workspace .transform-options{gap:6px!important;padding-top:4px!important}#tool-workspace .canvas-file-actions{flex-wrap:wrap!important;gap:6px!important;width:100%!important}#tool-workspace .canvas-file-actions button{flex:auto!important;justify-content:center!important;min-height:36px!important;padding:6px 10px!important;font-size:11px!important}}.mobile-conversion-bar,.mobile-options-toggle,.mobile-studio-hint,.application-planner-toggle{display:none}.export-review-image{object-fit:contain;border:1px solid var(--border);background:#fff;width:auto;max-width:100%;height:auto;max-height:180px;margin:12px auto;display:block}.paper-cleanup-strength{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}#tool-workspace .background-fix{padding:0}#tool-workspace .enhancement-options label{padding:10px;font-size:12px}#tool-workspace .enhancement-options label>div>span:first-child{font-size:12px;line-height:1.4}#tool-workspace .enhancement-options label>div>span:last-child{font-size:10px;line-height:1.4}.background-fix>summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:8px 10px;list-style:none;display:flex}.background-fix>summary::-webkit-details-marker{display:none}.background-fix>summary strong{font-size:12px;font-weight:600}.background-fix>summary span{color:var(--primary);margin-left:auto;font-size:11px}.background-fix:not([open]) .background-fix-close-label,.background-fix[open] .background-fix-open-label{display:none}.background-fix-body{padding:0 10px 10px}.background-fix:not([open])>.background-fix-body{display:none}.paper-cleanup-strength button{border:1px solid var(--border);background:var(--card);min-height:36px;color:var(--foreground);cursor:pointer;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s}.paper-cleanup-strength button[aria-pressed=true]{font-weight:700;box-shadow:0 1px 3px #0000001f;border-color:var(--primary)!important;background:var(--primary)!important;color:var(--primary-foreground)!important}.background-fix-editor-link{color:var(--primary);text-underline-offset:3px;margin-top:8px;font-size:12px;text-decoration:underline;display:inline-block}.background-ink-choice{align-items:center;gap:8px;width:100%;min-height:44px;font-size:12px;line-height:1.4;display:flex}.background-ink-choice input{flex-shrink:0;width:16px;height:16px}#tool-workspace .image-rule-notice{padding:0}#tool-workspace .image-rule-notice>details>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:4px 12px;min-height:48px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.image-rule-notice summary small{color:var(--muted-foreground);font-size:11px;font-weight:400}.image-rule-notice-content{padding:0 12px 12px}.image-rule-notice>details:not([open])>.image-rule-notice-content{display:none}.image-rule-notice>details>summary:after{content:"+";margin-left:auto}.image-rule-notice>details[open]>summary:after{content:"−"}@media (width<=760px){body:has(#tool-workspace:not(.compact-studio)) #tool-workspace #crop-workspace{min-height:220px;padding:6px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace[data-has-image=true] #crop-workspace{min-height:220px}body:has(#tool-workspace:not(.compact-studio)) #tool-workspace[data-has-image=false] #crop-workspace,body:has(#tool-workspace:not(.compact-studio)) #tool-workspace #upload-dropzone{min-height:190px}body:has(#tool-workspace) #tool-workspace #source-image{max-height:340px}body:has(#tool-workspace) #tool-workspace .output-canvas{min-height:140px;padding:8px}body:has(#tool-workspace) #tool-workspace .studio-editor>*+*,body:has(#tool-workspace) #tool-workspace .studio-export>*+*{margin-top:8px}body:has(#tool-workspace) #tool-workspace .background-fix{padding:0}body:has(#tool-workspace) #tool-workspace .background-fix button{min-height:44px}body:has(#tool-workspace) #tool-workspace .background-fix p{margin:4px 0;font-size:11px}body:has(#tool-workspace) #tool-workspace .paper-cleanup-strength button{font-size:12px}body.home-workspace #application-planner{padding:4px 12px;display:block}body.home-workspace #application-planner .application-planner-heading{display:none}body.home-workspace #application-planner .application-planner-toggle{text-align:left;justify-content:space-between;align-items:center;width:100%;min-height:44px;font-size:12px;font-weight:600;display:flex}.application-planner-toggle small{color:var(--muted-foreground);margin-left:8px;font-size:10px;font-weight:400}body.home-workspace #application-planner[data-expanded=false] .application-date-grid{display:none}body.home-workspace #application-planner[data-expanded=true] .application-date-grid{margin:4px 0 8px}body.home-workspace main>section:has(#tool-workspace),body.home-workspace #tool-workspace{min-height:0}body.home-workspace main>section:has(#tool-workspace){padding:8px}body.home-workspace:has(#tool-workspace) #tool-workspace .studio-editor>.studio-source-card{padding:4px}body.home-workspace #tool-workspace .studio-meta-bar{margin:0}body.home-workspace #tool-workspace .mobile-studio-hint{color:var(--muted-foreground);margin-top:8px;font-size:12px;line-height:1.5;display:block}body.home-workspace #tool-workspace .preset-selector-heading,body.home-workspace #tool-workspace[data-has-image=false] :is(.crop-options,.transform-options,.mobile-options,.studio-export){display:none}body.home-workspace #tool-workspace[data-has-image=false] #crop-workspace{min-height:190px;padding:0}body.home-workspace #tool-workspace[data-has-image=false] #upload-dropzone{min-height:190px;padding:16px 12px}body.home-workspace #tool-workspace #upload-dropzone>div:first-child{width:36px;height:36px;margin-bottom:8px}body.home-workspace #tool-workspace #upload-dropzone>div:first-child svg{width:22px;height:22px;animation:none}body.home-workspace #tool-workspace #upload-dropzone button{min-height:44px}body.home-workspace #tool-workspace[data-has-image=true] #crop-workspace{min-height:260px}body.home-workspace #tool-workspace .mobile-options-toggle{border:1px solid var(--border);text-align:left;background:var(--card);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:48px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}body.home-workspace #tool-workspace .mobile-options[data-open=false] .mobile-options-content{display:none}body.home-workspace #tool-workspace .mobile-options[data-open=true] .mobile-options-content{margin-top:8px}body.home-workspace #tool-workspace .mobile-conversion-bar:not([hidden]){z-index:35;padding:10px 16px max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #0f172a12}.mobile-conversion-bar>div{min-width:0}.mobile-conversion-bar strong,.mobile-conversion-bar span{font-size:11px;line-height:1.5;display:block}.mobile-conversion-bar span{color:var(--muted-foreground);font-size:10px}.mobile-conversion-bar button{background:var(--primary);min-height:44px;color:var(--primary-foreground);border-radius:8px;flex-shrink:0;padding:10px 12px;font-size:12px;font-weight:600}body.home-workspace:has(#tool-workspace[data-has-image=true]){padding-bottom:calc(80px + env(safe-area-inset-bottom))}body.home-workspace:has(.mobile-conversion-bar:not([hidden])) .copilot-launcher{bottom:calc(84px + env(safe-area-inset-bottom))}body.home-workspace:has(.mobile-conversion-bar:not([hidden])) .copilot-launcher:has(button[aria-expanded=false]){display:none}body:has(dialog[open]) .mobile-conversion-bar{display:none!important}#tool-workspace :is(.transform-options,.crop-options) button{min-width:44px;min-height:44px}#tool-workspace dialog{box-sizing:border-box;border-radius:20px;max-height:88dvh;padding:16px}#tool-workspace dialog button{min-height:44px}#tool-workspace dialog>div:last-child{padding:10px 16px max(10px, env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border);z-index:10;margin-top:14px;margin-left:-16px;margin-right:-16px;position:sticky;bottom:-16px;box-shadow:0 -4px 16px #0f172a14}#tool-workspace dialog>div:last-child button{flex:none;width:100%;height:44px;min-height:44px}#tool-workspace details.compliance-rules-details>summary{min-height:0!important;padding:6px 0!important;font-size:11px!important}#tool-workspace details.compliance-rules-details>summary:after{content:none!important;display:none!important}@media (width>=640px){#tool-workspace dialog>div:last-child{box-shadow:none;margin-left:0;margin-right:0;padding:12px 0 0;position:static}#tool-workspace dialog>div:last-child button{flex:0 auto;width:auto}}}
