.studio-page,.page-picker{--st-ink:var(--sage-28);--st-muted:var(--sage-21);--st-line:var(--sage-8);--st-soft:var(--sage-4);--st-canvas:var(--sage-4);--st-accent:var(--green-5);--st-accent-2:var(--green-2);--st-ring:var(--olive-12);--st-danger:var(--red-9);--st-radius:16px}.studio-empty{background:var(--sage-1);border:1px solid var(--cl);box-shadow:0 7px 28px var(--shadow-2);border-radius:18px;overflow:hidden}.studio-empty .compressor-dropzone{min-height:280px}.studio-promises{color:var(--st-muted);flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:0;padding:0 24px 22px;font-size:13px;font-weight:600;list-style:none;display:flex}.studio-promises li{align-items:center;gap:7px;display:inline-flex}.studio-promises svg{width:16px;height:16px;color:var(--st-accent-2)}.studio-empty>.studio-intro{color:var(--st-muted);text-align:center;margin:0;padding:0 24px 22px;font-size:13px;line-height:1.6}.studio-empty .compressor-message{margin:0 24px 22px}.studio{background:var(--sage-1);border:1px solid var(--cl);box-shadow:0 10px 36px var(--shadow-3);color:var(--st-ink);border-radius:18px;position:relative}.studio button{font:inherit;color:inherit}.studio :is(button,input,[tabindex]):focus-visible{outline:3px solid var(--st-ring);outline-offset:2px}.studio-toolbar{top:var(--site-header-offset,0px);z-index:6;background:color-mix(in srgb, var(--sage-1) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--st-line);border-radius:18px 18px 0 0;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex;position:sticky}.studio-toolbar svg{flex:none;width:17px;height:17px}.studio-divider{background:var(--st-line);width:1px;height:24px}.studio-spacer{flex:1}.studio-segment{background:var(--st-soft);border:1px solid var(--st-line);border-radius:10px;padding:3px;display:inline-flex}.studio-segment button{color:var(--st-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;min-height:34px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.studio-segment button[aria-pressed=true]{background:var(--sage-1);color:var(--st-accent);box-shadow:0 1px 3px var(--shadow-3), 0 0 0 1px var(--shadow-2)}.studio-tool,.studio-add,.studio-icon{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:6px;min-height:36px;padding:7px 10px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.studio-tool:hover:enabled,.studio-icon:hover:enabled{background:var(--st-soft);border-color:var(--st-line)}.studio-tool.danger{color:var(--st-danger)}.studio-tool.danger:hover:enabled{background:var(--red-1);border-color:var(--red-3)}.studio-icon{justify-content:center;width:36px;padding:7px}.studio-toolbar button:disabled{opacity:.38;cursor:default}.studio-add{background:var(--solid-green-5);box-shadow:0 2px 6px var(--shadow-6);padding:8px 14px;color:var(--on-solid)!important}.studio-add:hover:enabled{background:var(--solid-green-8)}.studio-context{flex-wrap:wrap;align-items:center;gap:2px;display:inline-flex}.studio-count{background:var(--olive-3);color:var(--st-accent);border-radius:999px;align-items:center;gap:4px;margin-right:6px;padding:4px 4px 4px 12px;font-size:13px;font-weight:700;animation:.18s ease-out studio-pop;display:inline-flex}.studio-count button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.studio-count button:hover{background:var(--olive-5)}.studio-count svg{width:14px;height:14px}.studio-history{gap:2px;display:inline-flex}@keyframes studio-pop{0%{opacity:0;transform:scale(.9)}}.studio-menu{position:relative}.studio-menu>.studio-tool[aria-expanded=true]{background:var(--st-soft);border-color:var(--st-line)}.studio-menu-panel{background:var(--sage-1);border:1px solid var(--st-line);width:260px;box-shadow:0 16px 40px var(--shadow-4), 0 2px 6px var(--shadow-2);border-radius:12px;gap:2px;padding:6px;display:grid}@keyframes studio-drop{0%{opacity:0;transform:translateY(-4px)}}.studio-menu-panel>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.studio-menu-panel>button:hover{background:var(--st-soft)}.studio-menu-panel small{color:var(--st-muted);font-size:12px;font-weight:400}.studio-menu-panel kbd{font:600 11px var(--font-body);color:var(--st-muted);background:var(--st-soft);border:1px solid var(--st-line);border-radius:5px;padding:1px 5px}.studio-pick{border-top:1px solid var(--st-line);gap:6px;margin-top:4px;padding:8px 10px 10px;display:grid}.studio-pick label{color:var(--st-muted);font-size:12px;font-weight:700}.studio-pick>div{gap:6px;display:flex}.studio-pick input{border:1px solid var(--st-line);border-radius:8px;flex:1;min-width:0;padding:8px 10px;font-size:13px}.studio-pick button{background:var(--solid-green-5);cursor:pointer;border:0;border-radius:8px;padding:0 12px;font-weight:600;color:var(--on-solid)!important}.studio-pick small{color:var(--st-danger);font-size:12px}.studio-body{grid-template-columns:minmax(0,1fr) 300px;display:grid}.studio-canvas{background:radial-gradient(circle at 1px 1px, var(--sage-9) 1px, transparent 0) 0 0 / 18px 18px, var(--st-canvas);border-radius:0 0 0 18px;min-height:420px;padding:22px;position:relative}.studio-canvas-head{min-height:36px;color:var(--st-muted);justify-content:space-between;align-items:center;gap:12px;margin:-8px 0 12px;font-size:12.5px;font-weight:600;display:flex}.studio-canvas-head>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-zoom{background:color-mix(in srgb, var(--sage-1) 80%, transparent);border:1px solid var(--st-line);border-radius:10px;align-items:center;gap:4px;padding:2px;display:inline-flex}.studio-zoom .studio-icon{cursor:pointer;width:30px;height:30px;min-height:30px;color:var(--st-muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}.studio-zoom .studio-icon:hover:enabled{background:var(--st-soft);color:var(--st-ink)}.studio-zoom .studio-icon:disabled{opacity:.35;cursor:default}.studio-zoom svg{width:16px;height:16px}.studio-zoom input{width:84px;accent-color:var(--st-accent-2)}.studio-blank{min-height:360px;color:var(--st-muted);justify-content:center;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.studio-keys{color:var(--st-muted);margin:18px 4px 0;font-size:12px;line-height:1.6}.studio-keys svg{vertical-align:-2px}.studio-link{text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-weight:600;text-decoration:underline;color:var(--st-accent)!important}.studio-link:disabled{opacity:.45;cursor:default}.studio-grid{--card:150px;grid-template-columns:repeat(auto-fill, minmax(var(--card), 1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.studio-grid.with-marks{column-gap:30px}.studio-canvas:has(.with-marks){--studio-canvas-gutter:36px;padding-right:36px}.studio-page{touch-action:manipulation;min-width:0;position:relative}.studio-page:has(.studio-insert.is-open){z-index:7}.studio-insert{z-index:5;position:absolute;top:33%;right:-27px}.studio-insert.before{left:-27px;right:auto}.studio-insert-trigger{border:1px solid var(--olive-10);background:var(--sage-1);cursor:pointer;opacity:.75;width:28px;height:28px;box-shadow:0 2px 7px var(--shadow-4);border-radius:50%;place-items:center;padding:0;display:grid;color:var(--st-accent)!important}.studio-insert-trigger:hover,.studio-insert-trigger:focus-visible,.studio-insert.is-open .studio-insert-trigger{opacity:1;border-color:var(--st-accent);background:var(--st-soft)}.studio-insert-trigger:disabled{opacity:.4;cursor:default}.studio-insert-menu{background:var(--sage-1);border:1px solid var(--st-line);min-width:152px;box-shadow:0 10px 28px var(--shadow-6);border-radius:10px;padding:5px}.studio-insert-menu button{text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:9px 10px;display:block;color:var(--st-ink)!important}.studio-insert-menu button:hover,.studio-insert-menu button:focus-visible{background:var(--st-soft)}.studio-page-body{background:var(--sage-1);border:1px solid var(--sage-9);cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px var(--shadow-1);border-radius:12px;flex-direction:column;padding:10px 10px 8px;transition:box-shadow .16s,border-color .16s,transform .16s,background .16s;display:flex;position:relative}.studio-page-body:hover{border-color:var(--olive-10);box-shadow:0 6px 18px var(--shadow-3)}.studio-page-body:active{cursor:grabbing}.studio-page.is-selected .studio-page-body{background:var(--olive-2);border-color:var(--st-accent-2);box-shadow:0 0 0 2px var(--st-accent-2), 0 6px 18px color-mix(in srgb, var(--green-2) 15%, transparent)}.studio-page.is-ghost .studio-page-body{opacity:.35}.studio-thumb{aspect-ratio:1;background:var(--st-soft);border-radius:7px;place-items:center;display:grid;position:relative;overflow:hidden}.studio-thumb img{object-fit:contain;background:var(--paper);max-width:84%;max-height:84%;box-shadow:0 1px 2px var(--shadow-4), 0 4px 10px var(--shadow-4);margin:auto;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.studio-thumb-empty{width:60%;height:81%;color:var(--sage-15);background:var(--sage-1);box-shadow:0 1px 2px var(--shadow-2);background-image:linear-gradient(90deg, var(--sage-5) 40%, var(--sage-3) 50%, var(--sage-5) 60%);background-size:300% 100%;border-radius:3px;place-items:center;margin:auto;transition:transform .22s cubic-bezier(.2,.8,.2,1);animation:1.4s linear infinite studio-shimmer;display:grid;position:absolute;inset:0}.studio-blank-sheet{background:var(--paper);border:1px solid var(--sage-8);width:60%;height:81%;box-shadow:0 1px 2px var(--shadow-2);border-radius:3px;display:block}@keyframes studio-shimmer{to{background-position:-150% 0}}.studio-page-meta{align-items:baseline;gap:7px;min-width:0;padding:8px 2px 0;display:flex}.studio-page-meta strong{font:700 13px var(--font-heading);color:var(--st-ink)}.studio-page-meta span{color:var(--st-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.studio-check{z-index:2;background:color-mix(in srgb, var(--sage-1) 90%, transparent);border:1.5px solid var(--sage-13);width:22px;height:22px;color:var(--on-solid);opacity:0;border-radius:7px;place-items:center;transition:opacity .15s,background .15s,border-color .15s;display:grid;position:absolute;top:16px;left:16px}.studio-page-body:hover .studio-check,.studio-page-body:focus-visible .studio-check{opacity:1}.studio-grid:has(.is-selected) .studio-check{opacity:1}.studio-page.is-selected .studio-check{background:var(--solid-green-2);border-color:var(--solid-green-2);opacity:1}.studio-file-dot{z-index:2;background:var(--file);width:10px;height:10px;box-shadow:0 0 0 3px var(--sage-1);border-radius:50%;position:absolute;top:18px;right:18px}.studio-part{z-index:3;background:var(--solid-sage-28);color:var(--on-solid);letter-spacing:.3px;box-shadow:0 2px 6px var(--shadow-6);border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700;position:absolute;top:-10px;left:12px}.studio-page-actions{z-index:3;background:color-mix(in srgb, var(--scrim) 92%, transparent);box-shadow:0 8px 20px var(--shadow-7);opacity:0;pointer-events:none;border-radius:10px;gap:2px;padding:4px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.94)}.studio-page-body:hover .studio-page-actions{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.studio-page-actions button{cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid;color:var(--on-solid)!important}.studio-page-actions button:hover{background:color-mix(in srgb, var(--sage-1) 15%, transparent)}.studio-page-actions button.danger:hover{background:var(--solid-red-7)}.studio-page-actions svg{width:16px;height:16px}.studio-page.is-ghost .studio-page-actions{display:none}.studio-cut{z-index:4;border:1px dashed var(--olive-10);background:var(--sage-1);cursor:pointer;opacity:.55;border-radius:50%;place-items:center;width:32px;height:32px;transition:opacity .15s,background .15s,color .15s,transform .15s;display:grid;position:absolute;top:calc(50% - 16px);right:-31px;color:var(--sage-17)!important}.studio-cut svg{width:15px;height:15px;transform:rotate(-90deg)}.studio-page:hover .studio-cut,.studio-cut:hover,.studio-cut:focus-visible{opacity:1}.studio-cut:hover{border-color:var(--st-accent-2);transform:scale(1.08);color:var(--st-accent)!important}.studio-cut[aria-pressed=true]{opacity:1;background:var(--solid-green-5);border:1px solid var(--solid-green-5);box-shadow:0 3px 10px var(--shadow-7);color:var(--on-solid)!important}.studio-page.is-marked:after{content:"";border-right:2px dashed var(--st-accent-2);pointer-events:none;width:0;position:absolute;top:-6px;bottom:-6px;right:-16px}.studio-drag{width:var(--card);background:var(--sage-1);cursor:grabbing;border:1px solid var(--st-accent-2);box-shadow:0 22px 44px var(--shadow-6), 0 4px 10px var(--shadow-4);border-radius:12px;padding:10px;transform:rotate(-2.5deg)scale(1.03)}.studio-drag-count{background:var(--solid-green-5);min-width:28px;height:28px;color:var(--on-solid);box-shadow:0 0 0 3px var(--sage-1);border-radius:999px;place-items:center;padding:0 8px;font-size:13px;font-weight:700;display:grid;position:absolute;top:-10px;right:-10px}.studio-files{gap:10px;max-width:760px;margin:0;padding:0;list-style:none;display:grid}.studio-file{background:var(--sage-1);border:1px solid var(--sage-9);box-shadow:inset 4px 0 0 var(--file), 0 1px 2px var(--shadow-1);border-radius:14px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px 10px 6px;display:grid}.studio-file.is-ghost{opacity:.5}.studio-file.is-over{border-color:var(--st-accent-2);background:var(--olive-2)}.studio-file.is-error{box-shadow:inset 4px 0 0 var(--st-danger);background:var(--sage-2)}.studio-grip{width:30px;height:44px;color:var(--sage-15);cursor:grab;touch-action:none;border-radius:8px;place-items:center;display:grid}.studio-grip:hover{background:var(--st-soft);color:var(--st-ink)}.studio-grip svg{width:18px;height:18px}.studio-file-thumb{background:var(--st-soft);width:48px;height:60px;color:var(--sage-15);border-radius:6px;place-items:center;display:grid;overflow:hidden}.studio-file-thumb img{max-width:100%;max-height:100%;box-shadow:0 1px 3px var(--shadow-4)}.studio-file-thumb svg{width:20px;height:20px}.studio-file.is-error .studio-file-thumb{color:var(--st-danger);background:var(--red-1)}.studio-file-text{gap:3px;min-width:0;display:grid}.studio-file-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.studio-file-text small{color:var(--st-muted);font-size:12.5px}.studio-file.is-error .studio-file-text small{color:var(--st-danger)}.studio-file-actions{gap:2px;display:inline-flex}.studio-file-actions button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;color:var(--st-muted)!important}.studio-file-actions button:hover:enabled{background:var(--st-soft);border-color:var(--st-line);color:var(--st-ink)!important}.studio-file-actions button.danger:hover:enabled{background:var(--red-1);border-color:var(--red-3);color:var(--st-danger)!important}.studio-file-actions svg{width:17px;height:17px}.studio-file-pages{flex-wrap:wrap;grid-column:2/-1;gap:7px;padding:2px 0 3px;display:flex}.studio-file-page{border:1px solid var(--st-line);background:var(--sage-3);width:46px;height:60px;color:var(--st-ink);cursor:grab;touch-action:none;border-radius:7px;place-items:center;padding:3px;display:grid;position:relative}.studio-file-page:active{cursor:grabbing}.studio-file-page.is-ghost{opacity:.35}.studio-file-page img{object-fit:contain;max-width:100%;max-height:100%}.studio-file-page svg{width:18px;height:18px}.studio-file-page span{background:color-mix(in srgb, var(--sage-1) 87%, transparent);border-radius:3px;min-width:14px;padding:1px 2px;font-size:10px;font-weight:700;position:absolute;bottom:1px;right:1px}.studio-file-page-drag{width:auto;min-width:46px;box-shadow:0 8px 18px var(--shadow-6);font-size:11px;font-weight:700}.studio-drop-hint{z-index:5;border:2px dashed var(--st-accent-2);background:color-mix(in srgb, var(--olive-2) 90%, transparent);color:var(--st-accent);font:700 17px var(--font-heading);border-radius:14px;align-content:center;place-items:center;gap:10px;display:none;position:absolute;inset:10px}.studio-drop-hint svg{width:30px;height:30px}.studio.is-file-drag .studio-drop-hint{display:grid}.studio-panel{top:calc(62px + var(--site-header-offset,0px));border-left:1px solid var(--st-line);background:var(--sage-1);border-radius:0 0 18px;align-self:start;gap:14px;padding:20px 18px 18px;display:grid;position:sticky}.studio-panel h2{font:700 12px var(--font-body);letter-spacing:1.3px;text-transform:uppercase;color:var(--st-muted);margin:0}.studio-options{gap:8px;display:grid}.studio-option{text-align:left;cursor:pointer;background:var(--sage-1);border:1px solid var(--st-line);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:11px 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:grid}.studio-option:hover:enabled{border-color:var(--olive-10)}.studio-option[aria-checked=true]{border-color:var(--st-accent-2);background:var(--sage-4);box-shadow:0 0 0 1px var(--st-accent-2)}.studio-option-icon{background:var(--st-soft);width:34px;height:34px;color:var(--st-accent);border-radius:9px;place-items:center;display:grid}.studio-option[aria-checked=true] .studio-option-icon{background:var(--solid-green-5);color:var(--on-solid)}.studio-option-icon svg{width:17px;height:17px}.studio-option strong{font-size:14px;display:block}.studio-option small{color:var(--st-muted);margin-top:1px;font-size:12px;line-height:1.4;display:block}.studio-radio{border:1.5px solid var(--sage-13);background:var(--sage-1);border-radius:50%;width:18px;height:18px;transition:border .15s}.studio-option[aria-checked=true] .studio-radio{border:5.5px solid var(--st-accent-2)}.studio-panel{container:studio-panel/inline-size}@container studio-panel (width>=520px){.studio-options{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-option{grid-template-columns:auto minmax(0,1fr)}.studio-option .studio-radio{display:none}}.studio-sub{background:var(--st-soft);border-radius:12px;gap:12px;padding:12px;display:grid}.studio-chips{flex-wrap:wrap;gap:6px;display:flex}.studio-setup{gap:12px;display:grid}.studio-setup+h2{border-top:1px solid var(--st-line);margin-top:6px;padding-top:14px}.studio-more{border:1px solid var(--st-line);background:var(--sage-1);border-radius:12px}.studio-more summary{cursor:pointer;color:var(--st-ink);padding:10px 12px;font-size:13px;font-weight:700}.studio-more[open] summary{border-bottom:1px solid var(--st-line)}.studio-more .studio-setup{padding:12px}.studio-chips button{border:1px solid var(--st-line);background:var(--sage-1);cursor:pointer;border-radius:999px;padding:6px 11px;font-size:12.5px;font-weight:600;color:var(--st-muted)!important}.studio-chips button[aria-checked=true]{background:var(--solid-green-5);border-color:var(--solid-green-5);color:var(--on-solid)!important}.studio-field{align-content:start;gap:6px;display:grid}.studio-field>span:first-child{font-size:12.5px;font-weight:700}.studio-field input{box-sizing:border-box;border:1px solid var(--sage-11);background:var(--sage-1);width:100%;min-width:0;color:var(--st-ink);border-radius:9px;padding:9px 11px;font-size:14px}.studio-field input[aria-invalid=true]{border-color:var(--st-danger)}.studio-field small{color:var(--st-muted);font-size:12px;line-height:1.45}.studio-field small svg{vertical-align:-2px}.studio-field small.is-error{color:var(--st-danger)}.studio-name{border:1px solid var(--sage-11);background:var(--sage-1);border-radius:9px;align-items:center;display:flex;overflow:hidden}.studio-name:focus-within{outline:3px solid var(--st-ring);outline-offset:1px}.studio .studio-name input,.studio .studio-name input:focus-visible{border:0;border-radius:0;outline:none}.studio-name em{color:var(--st-muted);white-space:nowrap;padding-right:11px;font-size:13px;font-style:normal}.studio-check-row{cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;font-weight:600;display:flex}.studio-check-row input{width:17px;height:17px;accent-color:var(--st-accent-2);flex:none;margin:2px 0 0}.studio-check-row small{color:var(--st-muted);margin-top:2px;font-size:12px;font-weight:400;line-height:1.45;display:block}.studio-summary{border-top:1px solid var(--st-line);gap:8px;padding-top:12px;display:grid}.studio-summary p{margin:0;font-size:13.5px;font-weight:700}.studio-summary p.is-error{color:var(--st-danger);font-weight:600;line-height:1.45}.studio-summary .studio-warn{color:var(--amber-14);background:var(--amber-1);border:1px solid var(--amber-4);border-radius:9px;padding:8px 10px;font-size:12.5px;font-weight:600;line-height:1.45}.studio-summary .studio-note{color:var(--st-muted);font-size:12px;font-weight:400;line-height:1.5}.studio-parts{gap:3px;height:8px;display:flex}.studio-parts i{opacity:.85;border-radius:3px;min-width:4px;display:block}.studio-parts i.is-skipped{opacity:.25}.studio-primary{cursor:pointer;background:var(--solid-green-5);width:100%;min-height:48px;box-shadow:0 6px 16px var(--shadow-6);border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font-size:15px;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s;display:flex;color:var(--on-solid)!important}.studio-primary:hover:enabled{background:var(--solid-green-8);box-shadow:0 8px 20px var(--shadow-7)}.studio-primary:active:enabled{transform:scale(.97)}.studio-primary:disabled{background:var(--sage-8);box-shadow:none;cursor:default;color:var(--sage-17)!important}.studio-primary svg{width:18px;height:18px}.studio-progress{background:var(--st-soft);border-radius:12px;gap:8px;padding:12px;font-size:13px;font-weight:600;display:grid}.studio-progress>div{align-items:center;gap:8px;display:flex}.studio-progress>div svg{width:16px;height:16px;color:var(--st-accent)}.studio-progress .studio-link{margin-left:auto}.studio-progress>span{background:var(--sage-8);border-radius:6px;height:6px;overflow:hidden}.studio-progress>span i{background:var(--solid-green-2) var(--progress-sheen);background-size:200% 100%;border-radius:6px;height:100%;transition:width .3s cubic-bezier(.2,.7,.2,1);animation:1.4s linear infinite progress-sheen;display:block}.studio-progress progress{appearance:none;background:var(--sage-8);border:0;border-radius:6px;width:100%;height:6px;display:block;overflow:hidden}.studio-progress progress::-webkit-progress-bar{background:var(--sage-8);border-radius:6px}.studio-progress progress::-webkit-progress-value{background:var(--solid-green-2) var(--progress-sheen);background-size:200% 100%;border-radius:6px;transition:inline-size .3s cubic-bezier(.2,.7,.2,1);animation:1.4s linear infinite progress-sheen}.studio-progress progress::-moz-progress-bar{background:var(--solid-green-2) var(--progress-sheen);background-size:200% 100%;border-radius:6px;animation:1.4s linear infinite progress-sheen}.studio-progress{--progress-sheen:linear-gradient(100deg, transparent 35%, color-mix(in srgb, var(--on-solid) 40%, transparent) 50%, transparent 65%)}@keyframes progress-sheen{0%{background-position:150% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.studio-progress progress::-webkit-progress-value{transition:none;animation:none}.studio-progress progress::-moz-progress-bar{animation:none}}.studio-done{background:var(--olive-2);border:1px solid var(--olive-6);border-radius:14px;gap:10px;padding:14px;animation:.28s cubic-bezier(.2,.7,.2,1) done-in;display:grid}@keyframes done-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}@keyframes check-pop{0%{transform:scale(0)rotate(-30deg)}60%{transform:scale(1.2)rotate(0)}to{transform:scale(1)}}@keyframes cta-pulse{0%{box-shadow:0 6px 16px var(--shadow-6), 0 0 0 0 color-mix(in srgb, var(--solid-green-5) 50%, transparent)}to{box-shadow:0 6px 16px var(--shadow-6), 0 0 0 12px transparent}}.studio-done>p svg{animation:.42s cubic-bezier(.2,.7,.2,1) 80ms backwards check-pop}.studio-done .studio-primary:enabled{animation:.9s ease-out .35s cta-pulse}.studio-done>p{color:var(--st-accent);overflow-wrap:anywhere;align-items:flex-start;gap:8px;margin:0;font-size:13.5px;font-weight:700;display:flex}.studio-done>p svg{flex:none;width:18px;height:18px}.studio-done>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.studio-clear{justify-self:center;font-size:12.5px;color:var(--st-muted)!important}.studio-mobilebar{display:none}@media (width<=980px){.studio-body{grid-template-columns:minmax(0,1fr)}.studio-canvas{border-radius:0}.studio-panel{border-left:0;border-top:1px solid var(--st-line);border-radius:0 0 18px 18px;position:static}.studio-tool span{display:none}.studio-tool{padding:7px 9px}}@media (width<=720px){.studio-toolbar{gap:4px;padding:8px;top:0}.studio-toolbar .studio-divider,.studio-zoom input,.studio-tool span{display:none}.studio-tool{padding:7px 9px}.studio-count{margin-right:2px}.studio-segment button{padding:7px 9px}.studio-history .studio-icon{width:32px}.studio .studio-add{justify-content:center;gap:0;width:38px;padding:8px 10px;font-size:0}.studio-add svg{width:18px;height:18px}.studio-canvas{min-height:300px;padding:14px 12px}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.studio-grid.with-marks{column-gap:26px}.studio-canvas:has(.with-marks){--studio-canvas-gutter:26px;padding-right:26px}.studio-cut{width:28px;height:28px;top:calc(50% - 14px);right:-24px}.studio-page.is-marked:after{right:-14px}.studio-file{grid-template-columns:auto auto minmax(0,1fr);padding-right:8px}.studio-file-actions{grid-column:2/-1;justify-content:flex-end;margin-top:-4px}.studio-file-thumb{width:40px;height:50px}.studio-keys{display:none}.studio-mobilebar{z-index:6;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--sage-1) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--st-line);border-radius:0 0 18px 18px;align-items:center;gap:10px;display:flex;position:sticky;bottom:0}.studio-mobilebar>span{flex:1;min-width:0;font-size:12.5px;font-weight:700}.studio-mobilebar .studio-primary{flex:none;width:auto;min-height:44px;font-size:14px}.studio-mobilebar .studio-progress{flex:1}.studio-panel .studio-primary,.studio-panel .studio-progress{display:none}}@media (hover:none){.studio-page-actions,.studio-page-body:hover .studio-page-actions{opacity:0;pointer-events:none;top:auto;bottom:6px;transform:translate(-50%,4px)}.studio-page.is-selected .studio-page-actions{opacity:1;pointer-events:auto;transform:translate(-50%)}.studio-page-actions{gap:0;padding:3px}.studio-page-actions button{width:28px;height:30px}.studio-check{opacity:1}.studio-cut{opacity:.9}}@media (prefers-reduced-motion:reduce){.studio-thumb img,.studio-thumb-empty{transition:none;animation:none}}.studio-done .send-to>button{border:1px solid var(--olive-8);background:var(--sage-1);cursor:pointer;border-radius:9px;align-items:center;gap:6px;min-height:36px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex;color:var(--st-accent)!important}.studio-done .send-to>button:hover{background:var(--olive-1)}.studio-done .send-to-menu{--pop-align:start;position-area:block-end span-inline-end}.step-main{gap:12px;display:grid}.step-card{background:var(--sage-1);border:1px solid var(--st-line);border-radius:13px}.step-top{align-items:center;gap:4px;padding:4px 6px 4px 4px;display:flex}.step-head{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.step-head:hover{background:var(--st-soft)}.step-icon{background:var(--solid-green-5);width:32px;height:32px;color:var(--on-solid);border-radius:9px;flex:none;place-items:center;display:grid}.step-icon svg{width:16px;height:16px}.step-text{min-width:0;display:grid}.step-text strong{font-size:14px}.step-text small{color:var(--st-accent);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.step-chevron{width:16px;height:16px;color:var(--sage-17);flex:none;margin-left:auto;transition:transform .18s}.step-card.is-open .step-chevron{transform:rotate(180deg)}.step-remove{cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid;color:var(--sage-17)!important}.step-remove:hover:enabled{background:var(--st-soft);color:var(--st-ink)!important}.step-remove:disabled{opacity:.45;cursor:default}.step-remove svg{width:16px;height:16px}.step-also{flex-wrap:wrap;align-items:center;gap:6px;padding-top:2px;display:flex}.step-also>span{color:var(--st-muted);margin-right:2px;font-size:12.5px;font-weight:600}.step-also button{border:1px dashed var(--olive-10);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:5px 11px 5px 8px;font-size:12.5px;font-weight:700;display:inline-flex;color:var(--st-muted)!important}.step-also button:hover:enabled{border-style:solid;border-color:var(--st-accent-2);background:var(--sage-4);color:var(--st-accent)!important}.step-also button:disabled{opacity:.45;cursor:default}.step-also svg{width:14px;height:14px}.step-body{border-top:1px solid var(--sage-5);gap:12px;padding:12px 14px 14px;animation:.14s ease-out studio-drop;display:grid}.step-chips{flex-wrap:wrap;gap:6px;display:flex}.step-chips button{border:1px solid var(--st-line);background:var(--sage-1);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--st-muted)!important}.step-chips button:hover:enabled{border-color:var(--olive-10);color:var(--st-ink)!important}.step-chips button[aria-checked=true]{background:var(--solid-green-5);border-color:var(--solid-green-5);color:var(--on-solid)!important}.step-pair{grid-template-columns:1fr 1fr;gap:8px 10px;display:grid}.step-pair small{color:var(--st-muted);grid-column:1/-1;font-size:12px}.step-range{width:100%;accent-color:var(--st-accent-2);margin:4px 0 0}.step-quick{flex-wrap:wrap;gap:6px;display:flex}.step-quick button{border:1px solid var(--st-line);background:var(--sage-1);cursor:pointer;border-radius:9px;flex:1;min-width:64px;padding:7px 8px;font-size:12.5px;font-weight:700;color:var(--st-muted)!important}.step-quick button[aria-pressed=true]{border-color:var(--st-accent-2);background:var(--olive-2);box-shadow:0 0 0 1px var(--st-accent-2);color:var(--st-accent)!important}.step-select{border:1px solid var(--sage-11);background:var(--sage-1);width:100%;color:var(--st-ink);border-radius:9px;padding:9px 10px;font-size:13.5px}.step-hint{color:var(--st-muted);margin-top:-4px;font-size:12px}.step-more{font-size:13px}.step-more summary{cursor:pointer;color:var(--st-muted);padding:2px 0;font-weight:700}.step-more[open] summary{margin-bottom:10px}.step-more .studio-field+.studio-field{margin-top:10px}.step-color{cursor:pointer;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.step-color input{border:1px solid var(--st-line);background:var(--sage-1);cursor:pointer;border-radius:9px;width:34px;height:34px;padding:2px}.step-color small{color:var(--st-muted);font-family:ui-monospace,monospace;font-size:12px;font-weight:400;display:block}.pdf-file-panel .step-main>label,.pdf-file-panel .target>label,.pdf-file-panel fieldset>label,.pdf-file-panel .target-presets>span{color:var(--st-ink);justify-content:space-between;margin:4px 0 0;font-size:12.5px;font-weight:700;display:flex}.pdf-file-panel .target{gap:6px;margin-top:0;display:grid}.pdf-file-panel .compressor-tabs{background:0 0;border:0;border-radius:0;flex-wrap:wrap;gap:6px;padding:0;display:flex}.pdf-file-panel .compressor-tabs button{border:1px solid var(--st-line);background:var(--sage-1);box-shadow:none;border-radius:999px;flex:0 auto;padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--st-muted)!important}.pdf-file-panel .compressor-tabs button:hover:enabled{border-color:var(--olive-10);color:var(--st-ink)!important}.pdf-file-panel .compressor-tabs button[aria-pressed=true]{background:var(--solid-green-5);border-color:var(--solid-green-5);box-shadow:none;font-weight:600;color:var(--on-solid)!important}.pdf-file-panel .target-presets{gap:6px;margin-top:0;display:grid}.pdf-file-panel .target-presets>div{flex-wrap:wrap}.pdf-file-panel .target-presets button{border-radius:9px;min-width:64px;padding:7px 8px;font-weight:700;color:var(--st-muted)!important}.pdf-file-panel .target-presets button[aria-pressed=true]{border-color:var(--st-accent-2);background:var(--olive-2);box-shadow:0 0 0 1px var(--st-accent-2);color:var(--st-accent)!important}.pdf-file-panel .target input:not([type=checkbox]):not([type=range]):not([type=color]){border:1px solid var(--sage-11);background:var(--sage-1);color:var(--st-ink);border-radius:9px;padding:9px 11px;font-size:14px}.pdf-file-panel small{color:var(--st-muted);font-size:12px;line-height:1.45}.pdf-file-panel .convert-options{gap:8px;display:grid}.pdf-file-panel .convert-metadata{border-top:0;padding-top:0}.pdf-file-panel details>summary{cursor:pointer;color:var(--st-muted);padding:2px 0;font-size:13px;font-weight:700}.pdf-file-panel details[open]>summary{margin-bottom:10px}.pdf-file-panel .compressor .resize-consent,.pdf-file-panel .resize-consent{font-size:13px}.studio-done .studio-done-note{color:var(--st-accent);margin:-4px 0 0;font-size:12.5px;font-weight:600}.studio-summary .studio-hint-line{color:var(--st-muted);font-size:12.5px;font-weight:400;line-height:1.5}.pdf-card .img-media{background:var(--sage-4)}.pdf-card .img-media img{object-fit:contain;background:var(--paper);box-shadow:0 1px 4px var(--shadow-4)}.pdf-card-note{color:var(--st-muted);font-size:12px;line-height:1.45}.pdf-card-unlock{gap:6px;margin-top:4px;display:flex}.pdf-card-unlock input{border:1px solid var(--sage-11);background:var(--sage-1);min-width:0;color:var(--st-ink);border-radius:8px;flex:1;padding:6px 9px;font-size:13px}.pdf-card-unlock button{background:var(--solid-green-5);color:var(--on-solid);cursor:pointer;border:0;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700}.pdf-card-unlock button:disabled{opacity:.5;cursor:default}.pdf-file-panel .stamp-tile{white-space:nowrap;border:1px solid var(--st-line);background:var(--sage-1);border-radius:999px;width:auto;padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--st-muted)!important}.pdf-file-panel .stamp-tile[aria-pressed=true]{background:var(--solid-green-5);border-color:var(--solid-green-5);color:var(--on-solid)!important}.page-picker{width:min(920px,100vw - 32px)}.pdf-preview.page-picker .page-picker-tools{border-bottom:1px solid var(--sage-6);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 18px;display:flex}.pdf-preview.page-picker .page-picker-tools button{border:1px solid var(--st-line);background:var(--sage-1);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--st-muted)!important}.pdf-preview.page-picker .page-picker-tools button:hover{border-color:var(--olive-10);color:var(--st-ink)!important}.pdf-preview.page-picker .page-picker-tools span{color:var(--st-accent);margin-left:auto;font-size:12.5px;font-weight:700}.pdf-preview.page-picker .page-picker-grid{background:var(--sage-3);grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;max-height:min(62vh,640px);margin:0;padding:16px 18px;list-style:none;display:grid;overflow-y:auto}.pdf-preview.page-picker .page-picker-grid button{border:1px solid var(--st-line);background:var(--sage-1);cursor:pointer;border-radius:12px;gap:6px;width:100%;padding:8px;display:grid;position:relative}.pdf-preview.page-picker .page-picker-grid button[aria-pressed=true]{border-color:var(--st-accent-2);box-shadow:0 0 0 2px var(--st-accent-2);background:var(--olive-3)}.pdf-preview.page-picker .page-picker-grid button:focus-visible{outline:3px solid var(--olive-11);outline-offset:2px}.page-picker-thumb{aspect-ratio:3/4;background:var(--sage-6);border-radius:6px;place-items:center;display:grid;overflow:hidden}.page-picker-thumb img{object-fit:contain;background:var(--paper);max-width:100%;max-height:100%;box-shadow:0 1px 3px var(--shadow-4)}.page-picker-check{border:1.5px solid var(--sage-13);background:var(--sage-1);width:20px;height:20px;color:var(--on-solid);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;left:12px}.pdf-preview.page-picker .page-picker-grid button[aria-pressed=true] .page-picker-check{background:var(--solid-green-2);border-color:var(--solid-green-2)}.page-picker-number{color:var(--st-ink);font-size:12.5px;font-weight:700}.pdf-preview.page-picker footer{justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.pdf-preview.page-picker footer>span{color:var(--st-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.pdf-preview.page-picker footer .studio-primary{background:var(--solid-green-5);border:0;border-radius:12px;width:auto;min-height:42px;padding:0 18px;font-size:14px;font-weight:700;color:var(--on-solid)!important}.pdf-preview.page-picker footer .studio-primary:disabled{opacity:.45}.result-shortcuts{flex-wrap:wrap;gap:4px 12px;display:inline-flex}.result-shortcuts button{align-items:center;gap:5px;display:inline-flex}.eyedropper{border:1px solid var(--st-line,var(--sage-8));background:var(--sage-1);width:32px;height:32px;color:var(--st-accent,var(--green-5));cursor:pointer;border-radius:8px;flex:none;place-items:center;margin-left:auto;padding:0;display:inline-grid}.eyedropper:hover:enabled{background:var(--st-soft,var(--olive-2))}.eyedropper:disabled{opacity:.5;cursor:default}.photo-tool-panel fieldset{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.photo-tool-panel textarea{box-sizing:border-box;resize:vertical;width:100%;max-width:100%;min-height:70px}.photo-tool-panel .format-segments{flex-wrap:wrap}.photo-tool-panel .blur-preview{max-width:100%;margin:0}.crop-canvas>.img-edit-editor{border:1px solid var(--sage-9);background:var(--sage-1);min-height:40px;color:var(--sage-26);font:600 12px var(--font-body);cursor:pointer;border-radius:8px;place-self:start;align-items:center;padding:8px 14px;display:inline-flex}.crop-canvas>.img-edit-editor:hover:enabled{background:var(--sage-4)}.crop-canvas>.img-edit-editor:disabled{opacity:.5;cursor:default}.crop-strip-item .img-edit-editor{border-top:1px solid var(--sage-8);border-radius:0;min-height:30px;font-size:11px}.tone-group{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.tone-group+.tone-group{margin-top:14px}.tone-group legend{text-transform:uppercase;letter-spacing:.04em;color:var(--st-muted);margin-bottom:6px;padding:0;font-size:12px;font-weight:700}.tone-group .studio-field+.studio-field{margin-top:0}.tone-group .studio-field{grid-template-columns:minmax(0,1fr)}.border-effect[open]>*+*{margin-top:10px}.signature-picker{gap:10px;min-width:0;display:grid}.signature-current{border:1px solid var(--st-line);background:var(--sage-1);border-radius:12px;align-items:center;gap:12px;min-width:0;padding:8px;display:flex}.signature-current img{object-fit:contain;background:#fff;border-radius:6px;flex:none;width:96px;height:48px}.signature-current>div{gap:6px;min-width:0;display:grid}.signature-current strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.signature-current span{flex-wrap:wrap;gap:6px;display:flex}.signature-current button,.signature-library button{border:1px solid var(--st-line);background:var(--sage-1);min-height:32px;color:var(--st-ink);font:inherit;cursor:pointer;border-radius:8px;padding:4px 10px;font-size:12.5px}.signature-library button:first-child{padding:6px 8px}.signature-picker .signature-capture input:not([type]),.signature-picker .signature-capture input[type=search]{width:100%}.signature-picker .signature-capture fieldset>button,.signature-picker .signature-fonts button{border:1px solid var(--st-line);background:var(--sage-1);min-height:36px;color:var(--st-ink);font:inherit;cursor:pointer;border-radius:9px}.signature-picker .signature-capture [data-add-signature]:not(:disabled){background:var(--st-accent-2);border-color:var(--st-accent-2);color:#fff;font-weight:700}.signature-picker .signature-capture fieldset{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.signature-picker .signature-capture label{grid-template-columns:minmax(0,1fr)}.draw-preview canvas.is-drawable{cursor:crosshair;touch-action:none}.draw-preview figcaption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.draw-nav,.draw-actions{align-items:center;gap:6px;display:inline-flex}.draw-actions button{border:1px solid var(--st-line);background:var(--sage-1);min-height:32px;color:var(--st-ink);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;display:inline-flex}.draw-actions button:disabled{opacity:.5;cursor:default}.draw-swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.draw-swatches>button{border:1px solid var(--st-line);cursor:pointer;border-radius:50%;width:28px;height:28px;padding:0}.draw-swatches>button[aria-pressed=true]{outline:2px solid var(--st-accent-2);outline-offset:2px}.draw-swatches .step-color input{width:30px;height:30px}