.tools-index .tool-group{margin-top:clamp(40px,6vw,72px)}.tools-index .section-title{font-size:var(--step-2);margin-bottom:20px}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.tool-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-2);gap:8px;height:100%;padding:20px 22px;transition:border-color .25s,background-color .25s;display:grid}.tool-card:hover{border-color:var(--accent);background:var(--ink-3)}.tool-card strong{font-size:17px;font-weight:500}.tool-card span{color:var(--muted);font-size:14px;line-height:1.5}.tool-page{padding-top:clamp(28px,4vw,48px)}.tool-crumbs{color:var(--muted);gap:10px;margin-bottom:22px;font-size:14px;display:flex}.tool-crumbs a:hover{color:var(--text)}.tool-intro{gap:14px;margin-bottom:clamp(24px,3vw,40px);display:grid}.tool-intro .page-title{max-width:24ch;font-size:clamp(1.7rem,2.9vw,2.6rem)}.tool-intro .page-lede{max-width:64ch}.tool-privacy{color:var(--accent);margin:0;font-size:14px}.tool-privacy a,.creator-panel-body .tool-note a{text-underline-offset:3px;text-decoration:underline}.tool-app{border:1px solid var(--line);border-radius:var(--radius);background:var(--ink-2);padding:clamp(16px,2.4vw,32px)}.tool-help{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px 56px;max-width:1000px;margin-top:clamp(40px,6vw,72px);display:grid}.tool-help h2,.tool-related h2{letter-spacing:-.02em;margin:0 0 12px;font-size:20px;font-weight:500}.tool-help ol,.tool-help ul{color:var(--muted);margin:0;padding-left:22px;line-height:1.65}.tool-help li+li{margin-top:6px}.tool-related{margin-top:clamp(40px,6vw,72px)}.tool-empty{color:var(--muted);text-align:center;margin:0;padding:40px 0}.tool-drop{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);text-align:center;justify-items:center;gap:14px;padding:clamp(32px,6vw,72px) 20px;transition:border-color .2s,background-color .2s;display:grid}.tool-drop.is-over{border-color:var(--accent);background:#f4b1830f}.tool-drop.is-compact{padding:14px}.tool-drop p{color:var(--muted);margin:0;font-size:14px}.tool-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,40px);display:grid}.tool-layout.is-studio{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.tool-controls{top:calc(var(--header-h) + 16px);gap:18px;display:grid;position:sticky}.tool-controls h3{color:var(--muted);margin:8px 0 0;font-size:14px;font-weight:500}.tool-stage{gap:16px;min-width:0;min-height:320px;display:grid}.tool-stage img,.tool-stage canvas{max-width:100%;height:auto;display:block}.tool-canvas-wrap{border-radius:var(--radius-sm);background:repeating-conic-gradient(#1b1b1e 0 25%, #141416 0 50%) 0 0 / 20px 20px;touch-action:none;-webkit-user-select:none;user-select:none;justify-self:center;width:fit-content;max-width:100%;display:inline-block;position:relative;overflow:hidden}.tool-canvas-wrap canvas,.tool-canvas-wrap img{width:auto;max-width:100%;height:auto;max-height:72vh;display:block}.tool-field .input,.tool-field select.input{min-height:46px;padding-block:10px}.tool-field input[type=range]{--fill:0%;-webkit-appearance:none;appearance:none;cursor:pointer;width:100%;height:28px;accent-color:var(--accent);background:0 0;margin:0;padding:0}.tool-field input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--fill), #ffffff2e var(--fill));border-radius:3px;height:6px}.tool-field input[type=range]::-webkit-slider-thumb{border:2px solid var(--ink);background:var(--accent);-webkit-appearance:none;appearance:none;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 1px 6px #00000073}.tool-field input[type=range]::-moz-range-track{background:#ffffff2e;border-radius:3px;height:6px}.tool-field input[type=range]::-moz-range-progress{background:var(--accent);border-radius:3px;height:6px}.tool-field input[type=range]::-moz-range-thumb{border:2px solid var(--ink);background:var(--accent);border-radius:50%;width:18px;height:18px}.tool-field input[type=range]:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:3px}.tool-field input[type=color]{border:1px solid var(--line-strong);background:0 0;border-radius:8px;width:46px;height:46px;padding:0}.tool-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tool-actions{flex-wrap:wrap;gap:10px;display:flex}.tool-actions .btn{min-height:46px}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented button{border:1px solid var(--line-strong);background:0 0;border-radius:999px;min-height:40px;padding:0 14px;font-size:14px;transition:background-color .2s,border-color .2s,color .2s}.segmented button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.tool-stat{gap:2px;font-size:14px;display:grid}.tool-stat strong{font-size:18px;font-weight:500}.tool-stat span{color:var(--muted)}.tool-stats{flex-wrap:wrap;gap:16px 32px;display:flex}.tool-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tool-list li{border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;font-size:14px;display:grid}.tool-list img{object-fit:cover;border-radius:6px;width:64px;height:64px}.tool-list .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-list .meta{color:var(--muted)}.tool-swatches{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.tool-swatch{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-3);text-align:left;font:inherit;color:inherit;gap:6px;padding:0;display:grid;overflow:hidden}.tool-swatch i{height:64px;display:block}.tool-swatch span{font-family:var(--font-mono);padding:0 10px 10px;font-size:12px}.tool-note{color:var(--muted);margin:0;font-size:14px}.tool-warn{border-radius:var(--radius-sm);color:var(--accent-strong);background:#f4b18314;border:1px solid #f4b18366;margin:0;padding:12px 14px;font-size:14px}@media (max-width:820px){.tool-layout{grid-template-columns:1fr}.tool-controls{position:static}.tool-canvas-wrap canvas,.tool-canvas-wrap img{max-height:60vh}}.tool-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:500;display:flex}.tool-check input{width:18px;height:18px;accent-color:var(--accent)}.tool-crop-stage{overflow:hidden}.tool-crop-frame{box-sizing:border-box;background-image:linear-gradient(90deg,#0000 calc(33.333% - .5px),#ffffff59 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px) calc(66.666% - .5px),#ffffff59 calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px)),linear-gradient(#0000 calc(33.333% - .5px),#ffffff59 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px) calc(66.666% - .5px),#ffffff59 calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px));border:1px solid #fff;position:absolute;box-shadow:0 0 0 9999px #0000008c}.tool-crop-move{cursor:move;touch-action:none;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.tool-crop-move:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-crop-handle{touch-action:none;background:0 0;border:0;width:28px;height:28px;padding:0;position:absolute;transform:translate(-50%,-50%)}.tool-crop-handle:after{content:"";background:#fff;border:1px solid #0006;border-radius:50%;position:absolute;inset:7px}.tool-crop-handle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:50%}.tool-crop-handle[data-handle=nw]{cursor:nwse-resize;top:0;left:0}.tool-crop-handle[data-handle=n]{cursor:ns-resize;top:0;left:50%}.tool-crop-handle[data-handle=ne]{cursor:nesw-resize;top:0;left:100%}.tool-crop-handle[data-handle=e]{cursor:ew-resize;top:50%;left:100%}.tool-crop-handle[data-handle=se]{cursor:nwse-resize;top:100%;left:100%}.tool-crop-handle[data-handle=s]{cursor:ns-resize;top:100%;left:50%}.tool-crop-handle[data-handle=sw]{cursor:nesw-resize;top:100%;left:0}.tool-crop-handle[data-handle=w]{cursor:ew-resize;top:50%;left:0}.tool-crop-size{color:#fff;font-family:var(--font-mono);letter-spacing:0;white-space:nowrap;pointer-events:none;background:#0009;border-radius:6px;padding:3px 8px;font-size:12px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.tool-position-grid{border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:repeat(3,36px);gap:6px;width:max-content;padding:8px;display:grid}.tool-position-grid button{border:1px solid var(--line-strong);background:0 0;border-radius:8px;width:36px;height:36px;padding:0;transition:background-color .2s,border-color .2s}.tool-position-grid button:hover:not(:disabled){border-color:var(--accent)}.tool-position-grid button[aria-checked=true]{border-color:var(--accent);background:var(--accent)}.tool-position-grid button:disabled{opacity:.35}.cs{gap:20px;display:grid}.cs-strip{justify-self:center}.cs-phone{grid-template-columns:auto minmax(0,260px) auto;justify-content:center;align-items:center;gap:12px;display:grid}.cs-slide{background-color:var(--ink-3);background-repeat:no-repeat;border-radius:10px;width:100%;position:relative;box-shadow:0 10px 30px #00000059}.cs-count{color:#fff;background:#0009;border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;top:8px;right:8px}.sz-phone{border:1px solid var(--line-strong);background:#050506;border-radius:34px;justify-self:center;width:fit-content;max-width:100%;padding:10px;position:relative;box-shadow:0 0 0 4px #1c1e1d,0 24px 60px #00000080}.sz-phone:before{content:"";z-index:2;background:#050506;border-radius:999px;width:64px;height:18px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.sz-sample-tag{z-index:2;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.sz-frame{border-radius:24px;display:block}.sz-frame canvas{cursor:grab;touch-action:none}.sz-frame canvas:active{cursor:grabbing}.wm-layout{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.wm-sliders{gap:8px;display:grid}.wm-options{flex-wrap:wrap;align-items:center;gap:4px 18px;display:flex}.wm-options .tool-check{min-height:40px}.wm-color{border:1px solid var(--line-strong);background:0 0;border-radius:8px;width:40px;height:40px;padding:0}.tool-blur-stage{cursor:crosshair}.tool-blur-box{box-sizing:border-box;border:1px solid var(--accent);cursor:move;touch-action:none;outline:1px solid #00000080;position:absolute}.tool-blur-box:hover{background:#f4b18314}.tool-blur-box.is-draft{pointer-events:none;background:#f4b1831f;border-style:dashed}.tool-blur-handle{border:2px solid var(--ink);background:var(--accent);cursor:nwse-resize;border-radius:4px;width:14px;height:14px;position:absolute;bottom:-7px;right:-7px}@media (pointer:coarse){.tool-blur-handle{width:24px;height:24px;bottom:-12px;right:-12px}}.tool-blur-box .tool-region-remove{pointer-events:auto;position:absolute;top:-12px;right:-12px}.tool-region-remove{border:1px solid var(--line-strong);background:var(--ink-2);width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .2s,color .2s;display:inline-flex}.tool-region-remove:hover{border-color:var(--accent);color:var(--accent)}.tool-region-list{color:var(--muted);gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.tool-region-list li{border:1px solid var(--line);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:10px;padding:6px 8px 6px 12px;display:flex}.cp-wrap canvas:first-child{cursor:crosshair}.cp-wrap canvas:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.cp-loupe{pointer-events:none;width:121px;max-width:none;height:121px;max-height:none;image-rendering:pixelated;border:2px solid #fff;border-radius:10px;position:absolute;top:0;left:0;box-shadow:0 6px 24px #00000080}.cp-live{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-3);grid-template-columns:56px minmax(0,1fr);align-items:start;gap:14px;padding:12px;font-size:14px;display:grid}.cp-live>div{gap:2px;min-width:0;display:grid}.cp-live strong{font-family:var(--font-mono);text-transform:uppercase;font-size:18px;font-weight:500}.cp-live span,.cp-live small{color:var(--muted);font-family:var(--font-mono);font-size:13px}.cp-live-swatch{border:1px solid var(--line-strong);border-radius:8px;width:56px;height:56px;display:block}.cp-history{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cp-history li{border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;display:grid}.cp-history li>i{border:1px solid var(--line-strong);border-radius:8px;width:44px;height:44px;display:block}.cp-values{flex-wrap:wrap;gap:6px 18px;min-width:0;display:flex}.cp-value{align-items:center;gap:8px;display:flex}.cp-value code{font-family:var(--font-mono);font-size:13px}.cp-value .btn{min-height:30px;padding:0 10px;font-size:12px}.cp-remove{padding:0 12px}@media (max-width:560px){.cp-history li{grid-template-columns:36px minmax(0,1fr)}.cp-remove{grid-column:1/-1;justify-self:start}}.pal-preview{border:1px solid var(--line);border-radius:var(--radius-sm);display:grid;overflow:hidden}.pal-preview img{object-fit:contain;background:var(--ink-3);width:100%;max-height:56vh}.pal-strip{height:28px;display:flex}.pal-strip i{flex-basis:0;transition:flex-grow .3s;display:block}.pal-swatch span{text-transform:uppercase;justify-content:space-between;gap:8px;display:flex}.pal-swatch small{color:var(--muted);text-transform:none}.pal-swatch .btn{min-height:32px;margin:0 10px 10px;padding:0 10px;font-size:12px}.oc-total{align-items:baseline;gap:10px;display:flex}.oc-total strong{letter-spacing:-.03em;font-size:2.4rem;font-weight:500;line-height:1}.oc-total span{color:var(--muted);font-size:14px}.oc-cats{gap:6px;margin:0;padding:0;list-style:none;display:grid}.oc-cats li{border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:4px 6px 4px 4px;display:grid}.oc-cats li.is-active{border-color:var(--cat)}.oc-cat-pick{background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;padding:0;display:grid}.oc-cat-pick i{background:var(--cat);width:20px;height:20px;box-shadow:0 0 0 2px var(--ink-2);border-radius:50%;transition:transform .15s;display:block}.oc-cat-pick[aria-pressed=true] i{box-shadow:0 0 0 2px var(--ink-2), 0 0 0 4px var(--cat);transform:scale(1.25)}.oc-cat-name{min-width:0;color:inherit;font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 8px;font-size:14px}.oc-cat-name:hover{border-color:var(--line-strong)}.oc-cat-name:focus{border-color:var(--accent);outline:none}.oc-cats b{text-align:right;min-width:2ch;font-size:15px;font-weight:500}.oc-cat-remove{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.oc-cat-remove:hover{color:var(--text);background:#ffffff0f}.oc-toolbar{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.oc-zoom-steps{gap:6px;display:flex}.oc-zoom-steps .btn{padding:0 12px}.oc-viewport{border-radius:var(--radius-sm);background:repeating-conic-gradient(#1b1b1e 0 25%, #141416 0 50%) 0 0 / 20px 20px;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:visible}.oc-viewport canvas{border-radius:var(--radius-sm);width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0}.oc-viewport .oc-overlay{cursor:crosshair}.oc-viewport.is-zoomed .oc-overlay{cursor:grab}.oc-viewport.is-delete .oc-overlay{cursor:not-allowed}.oc-toolbar{align-items:center}.oc-zoom-value{font-variant-numeric:tabular-nums;min-width:64px}.oc-viewport canvas:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.batch-list li{grid-template-columns:64px minmax(0,1fr) auto}.batch-list li.is-selected{border-color:var(--accent)}.batch-cell{gap:4px;min-width:0;display:grid}.batch-select{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.batch-select:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:4px}.batch-list .meta{line-height:1.5}.batch-after{color:var(--text);font-weight:500}.batch-actions{gap:6px;display:flex}.batch-actions .btn-sm{min-width:40px;padding:0 10px}.batch-thumb-empty{background:var(--ink-3);border-radius:6px;width:64px;height:64px;display:block}.tool-saved{color:#9ad7a9;vertical-align:middle;background:#78c88c29;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:500;display:inline-block}.tool-saved.is-bigger{color:var(--accent-strong);background:#f4b18324}.cmz-preview{gap:14px;display:grid}.cmz-preview-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.cmz-preview-head .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cmz-split{width:fit-content;line-height:0;display:block}.cmz-split img{max-height:64vh}.cmz-split-after{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important}.cmz-split-line{background:var(--accent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #0006}.cmz-split-range{opacity:0;cursor:ew-resize;touch-action:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.cmz-split-range:focus-visible+.cmz-split-line{width:4px;transform:translate(-2px)}.cmz-split:has(.cmz-split-range:focus-visible) .cmz-split-line{width:4px;transform:translate(-2px)}.cmz-badge{color:var(--text);pointer-events:none;background:#000000a6;border-radius:999px;padding:4px 10px;font-size:12px;line-height:1.4;position:absolute;top:10px}.cmz-badge-left{left:10px}.cmz-badge-right{right:10px}.cmz-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cmz-side figure{gap:8px;min-width:0;margin:0;display:grid}.cmz-side img{object-fit:contain;border-radius:var(--radius-sm);background:var(--ink-3);width:100%;max-height:60vh}.cmz-side figcaption,.cmz-pending{color:var(--muted);font-size:13px}.cmz-pending{border:1px dashed var(--line);border-radius:var(--radius-sm);place-items:center;min-height:160px;display:grid}.exif-table{border:1px solid var(--line);border-radius:var(--radius-sm);gap:10px;margin:0;padding:14px;font-size:14px;display:grid}.exif-table div{grid-template-columns:110px minmax(0,1fr);gap:10px;display:grid}.exif-table dt{color:var(--muted)}.exif-table dd{overflow-wrap:anywhere;margin:0}.exif-gps,.exif-done{align-items:flex-start;gap:8px;display:flex}.exif-gps svg,.exif-done svg{flex:none;margin-top:2px}.exif-gps code{font-family:var(--font-mono);font-size:13px}.cmp-setup{justify-items:center;gap:14px;display:grid}.cmp-badge .cmp-badge-name{color:var(--muted);margin-left:6px}.cmp-setup .tool-drop{width:100%}.cmp-zoom .btn-sm{min-width:40px;padding:0 12px}.cmp-files{gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.cmp-files li{grid-template-columns:24px minmax(0,1fr);gap:2px 10px;display:grid}.cmp-files strong{background:var(--ink-3);border-radius:999px;grid-row:span 2;place-items:center;width:24px;height:24px;font-size:12px;font-weight:500;display:grid}.cmp-files .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cmp-files .meta{color:var(--muted)}.cmp-viewer{border:1px solid var(--line);border-radius:var(--radius-sm);touch-action:none;-webkit-user-select:none;user-select:none;background:#0b0c0c;height:min(64svh,720px);position:relative;overflow:hidden}.cmp-viewer:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.cmp-viewer.is-zoomed{cursor:grab}.cmp-viewer.is-zoomed:active{cursor:grabbing}.cmp-viewer.is-busy{opacity:.6}.cmp-pair{grid-template-columns:repeat(2,minmax(0,1fr));height:100%;display:grid}.cmp-pane,.cmp-single{contain:layout paint;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.cmp-pane:first-child{border-right:1px solid var(--line)}.cmp-viewer .cmp-image{object-fit:contain;transform-origin:50%;will-change:transform;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.cmp-badge{z-index:2;color:var(--text);pointer-events:none;background:#000000a6;border-radius:999px;padding:4px 10px;font-size:12px;line-height:1.4;position:absolute;top:10px;left:10px}.cmp-sync-dot{z-index:3;background:var(--accent);pointer-events:none;border:2px solid #fff;border-radius:999px;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006}@media (max-width:820px){.cmp-viewer{height:56svh}.cmp-pair{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr}.cmp-pane:first-child{border-right:0;border-bottom:1px solid var(--line)}.cmz-side{grid-template-columns:1fr}.exif-table div{grid-template-columns:1fr;gap:2px}}@media (max-width:560px){.batch-list li{grid-template-columns:48px minmax(0,1fr)}.batch-list img,.batch-thumb-empty{width:48px;height:48px}.batch-actions{grid-column:2;justify-self:end}}.oc-cats li{grid-template-columns:auto minmax(0,1fr) auto auto auto auto}.oc-cat-eye{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.oc-cat-eye:hover{color:var(--text);background:#ffffff0f}.oc-cat-eye[aria-pressed=true]{color:var(--accent)}.oc-cats li:has(.oc-cat-eye[aria-pressed=true]) .oc-cat-pick i{opacity:.35}.oc-cat-color{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:6px;width:22px;height:22px;padding:0}.oc-cat-color::-webkit-color-swatch-wrapper{padding:2px}.oc-cat-color::-webkit-color-swatch{border:0;border-radius:3px}.oc-cat-color::-moz-color-swatch{border:0;border-radius:3px}.oc-speed{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-2);gap:6px;padding:10px 12px;display:grid}.oc-speed-note{color:var(--muted);margin:0;font-size:13px}.oc-speed-row{flex-wrap:wrap;gap:6px 16px;display:flex}.oc-row{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;display:flex}.oc-row .text-link:disabled{opacity:.4}.oc-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.oc-options label{color:var(--muted);gap:4px;font-size:12px;display:grid}.oc-options select.input{min-height:38px;color:var(--text);padding:0 10px;font-size:13px}.oc-delete-toggle[aria-pressed=true]{color:#ff9d9d;border-color:#ff7f7f}.oc-total .oc-recolor-toggle{align-self:center;margin-left:auto}.oc-recolor-toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.oc-recolor{border:1px solid var(--accent);border-radius:var(--radius-sm);background:#f4b18314;padding:10px 12px}.oc-edge{--red:#ff5a5a;z-index:3;pointer-events:none;position:absolute;inset:0}.oc-edge-ring{border-radius:inherit;border:2px dashed #ffffff47;transition:border-color .15s,box-shadow .15s;position:absolute;inset:-2px}.oc-edge.is-out .oc-edge-ring{border-style:solid;border-color:var(--red);box-shadow:0 0 0 4px #ff5a5a2e,0 0 28px #ff5a5a59}.oc-edge-hint{color:var(--faint);white-space:nowrap;animation:oc-hint-in .2s var(--ease-out) backwards;align-items:center;gap:5px;font-size:11.5px;display:inline-flex;position:absolute;top:-22px;left:50%;transform:translate(-50%)}@media (max-width:900px){.oc-edge-hint{display:none}}@keyframes oc-hint-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}}.oc-edge-bin{left:var(--x);top:var(--y);background:var(--red);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;animation:.18s cubic-bezier(.34,1.56,.64,1) backwards oc-edge-in;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 20px #00000080}.oc-edge.is-gone .oc-edge-bin{animation:.26s cubic-bezier(.4,0,1,1) forwards oc-edge-gone}.oc-edge.is-gone .oc-edge-ring{box-shadow:none;border-color:#0000}@keyframes oc-edge-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}}@keyframes oc-edge-gone{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(0)}}.oc-toast{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;animation:oc-toast-in .2s var(--ease-out);background:#0a0a0bd1;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:12px;padding:8px 10px 8px 14px;font-size:13px;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.oc-toast button{min-height:28px;color:var(--accent);font:inherit;background:0 0;border:1px solid #ffffff40;border-radius:999px;padding:0 12px;font-size:13px;font-weight:500}.oc-toast button:hover{background:#ffffff14}@keyframes oc-toast-in{0%{opacity:0;transform:translate(-50%,6px)}}.oc-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;background:#0a0a0bb8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;padding:6px 12px 6px 10px;font-size:13px;display:flex;position:absolute;top:10px;right:10px}.oc-hud strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:500;line-height:1}.oc-hud span{color:#ffffffd9;align-items:center;gap:6px;display:inline-flex}.oc-hud i{background:var(--cat,var(--accent));border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1.5px #0009}.oc-hud em{background:var(--accent);color:var(--accent-ink);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:1px 8px;font-size:11px;font-style:normal;font-weight:600}.oc-hud.is-delete em{background:#ff7f7f}.vf{gap:12px;display:grid}.vf-stage{border-radius:var(--radius-sm);background:#000;place-items:center;display:grid;overflow:hidden}.vf-video{object-fit:contain;cursor:pointer;width:100%;max-height:min(70vh,100cqh);display:block}.vf-controls{gap:10px;display:grid}.vf-scrub{--fill:0%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.vf-scrub::-webkit-slider-runnable-track{background:#ffffff2e;border-radius:3px;height:6px}.vf-scrub::-webkit-slider-thumb{border:2px solid var(--ink);background:var(--accent);-webkit-appearance:none;appearance:none;border-radius:50%;width:22px;height:22px;margin-top:-8px}.vf-scrub::-moz-range-track{background:#ffffff2e;border-radius:3px;height:6px}.vf-scrub::-moz-range-thumb{border:2px solid var(--ink);background:var(--accent);border-radius:50%;width:18px;height:18px}.vf-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.vf-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.vf-steps{gap:6px;margin-left:auto;display:flex}.vf-steps .btn{padding:0 10px}.vf-meta{color:var(--faint);margin:0;font-size:12.5px}.tool-drop.is-over{border-color:var(--accent)}.toi-text{resize:vertical;min-height:72px;line-height:1.4}.pg-list{gap:6px;max-height:240px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.pg-list li{border:1px solid var(--line);border-radius:8px;grid-template-columns:44px 1fr auto auto auto;align-items:center;gap:6px;padding:4px;display:grid}.pg-list img{object-fit:cover;border-radius:5px;width:44px;height:44px}.pg-list span{color:var(--muted);font-size:13px}.pg-list button{border:1px solid var(--line);width:28px;height:28px;color:var(--text);background:0 0;border-radius:6px;place-items:center;display:grid}.pg-list button:disabled{opacity:.35}.pg-stage img{object-fit:contain;max-width:100%;max-height:100%}.cc{gap:16px;max-width:900px;display:grid}.cc-text{resize:vertical;min-height:160px;font-size:15px;line-height:1.5}.cc-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0;display:grid}.cc-stats div{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.cc-stats dt{color:var(--muted);font-size:12px}.cc-stats dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:22px}.cc-stats dd.is-over{color:#ffb3a7}.cc-actions{flex-wrap:wrap;gap:8px;display:flex}.cc-actions .btn{align-items:center;gap:6px;display:inline-flex}.tool-table-wrap{overflow-x:auto}.cc-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.cc-table th,.cc-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 10px 10px 0}.cc-table th{color:var(--muted);font-size:12px;font-weight:500}.cc-table td small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.cc-table tr.is-over td:nth-child(3){color:#ffb3a7}.cc-preview{max-width:34ch;color:var(--muted);display:block}.cc-preview em{color:var(--faint);font-style:normal}@media (max-width:700px){.cc-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.gm-stage video,.gm-stage img{object-fit:contain;max-width:100%;max-height:100%}.gm-strip{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.gm-strip img{object-fit:cover;border-radius:6px;width:96px;height:96px}.creator{--rail-w:196px;--panel-w:320px;--bar-h:56px;grid-template-columns:var(--rail-w) minmax(0, 1fr);height:calc(100svh - var(--header-h));border-top:1px solid var(--line);background:var(--ink);grid-template-rows:minmax(0,1fr);min-height:560px;display:grid;overflow:hidden}.creator-rail{border-right:1px solid var(--line);background:var(--ink-2);scrollbar-width:none;flex-direction:column;gap:14px;padding:14px 10px;display:flex;overflow-y:auto}.creator-rail::-webkit-scrollbar{display:none}.creator-rail-group{gap:1px;display:grid}.creator-rail-label{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;padding:0 10px 6px;font-size:11px;font-weight:500}.creator-rail-item{min-height:36px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:13.5px;line-height:1.2;transition:background-color .2s,color .2s;display:flex;position:relative}.creator-rail-item svg{flex:none}.creator-rail-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creator-rail-item:hover{background:var(--ink-3);color:var(--text)}.creator-rail-item[aria-current=page]{background:var(--ink-4);color:var(--text)}.creator-rail-item[aria-current=page] svg{color:var(--accent)}.creator-rail-item:focus-visible{outline-offset:-2px}.creator-main{grid-template-rows:var(--bar-h) minmax(0, 1fr);min-width:0;min-height:0;display:grid}.creator-bar{border-bottom:1px solid var(--line);background:var(--ink-2);justify-content:space-between;align-items:center;gap:16px;padding:0 16px;display:flex}.creator-home{display:none}.creator-rail-toggle{border:1px solid var(--line-strong);width:36px;height:36px;color:var(--muted);background:0 0;border-radius:10px;flex:none;place-items:center;margin-right:-4px;transition:color .2s,border-color .2s;display:grid}.creator-rail-toggle:hover{border-color:var(--accent);color:var(--text)}@media (min-width:901px){.creator[data-rail=hidden]{grid-template-columns:minmax(0,1fr)}.creator[data-rail=hidden] .creator-rail{display:none}}.creator-file{min-width:0;line-height:1.25;display:grid}.creator-file strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.creator-file span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.creator-actions{flex:none;align-items:center;gap:6px;display:flex}.creator-actions .btn-sm{min-height:38px}.creator-actions .icon-button{border-color:#0000;width:38px;height:38px}.creator-actions .icon-button:hover:not(:disabled){background:var(--ink-4);color:var(--text);border-color:#0000}.creator-actions .icon-button:disabled{opacity:.3}.creator-sheet-toggle{display:none}.creator{-webkit-tap-highlight-color:transparent}.creator button,.creator a{touch-action:manipulation}.creator-rail,.creator-bar,.creator-panel-head{-webkit-user-select:none;user-select:none}.creator-stage canvas,.creator-stage img{-webkit-touch-callout:none}.creator-body{grid-template-columns:minmax(0, 1fr) var(--panel-w);min-height:0;display:grid}.creator-stage{overscroll-behavior:contain;background:radial-gradient(circle at 50% 0, #ffffff08, transparent 60%), var(--ink);min-width:0;min-height:0;padding:clamp(14px,2vw,28px);position:relative;overflow:auto;container-type:size}@media (max-width:900px){.creator-panel-head .creator-keys-button{display:none}}.creator-keys-dialog .creator-outline-keys{margin-top:6px}.creator[data-tool=object-counter] .creator-stage{overflow:clip}.creator-stage .tool-stage{min-height:0}.creator-stage .tool-drop{align-content:center;min-height:60%}.creator-stage .tool-drop .btn{min-height:50px;padding-inline:24px;font-size:15px}.creator-stage .tool-canvas-wrap canvas,.creator-stage .tool-canvas-wrap img{max-height:calc(100cqh - 2*clamp(14px,2vw,28px))}.creator-stage .cmp-viewer{height:calc(100cqh - 2*clamp(14px,2vw,28px) - 16px);min-height:240px}.creator-panel{border-left:1px solid var(--line);background:var(--ink-2);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.creator-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.creator-panel-head h2{margin:0;font-size:14px;font-weight:500}.creator-panel-scroll{min-height:0;overflow-y:auto}.creator-panel-body{padding:16px}.creator[data-tool=start] .creator-panel-body{display:none}.creator-outline{border-top:1px solid var(--line);color:var(--muted);gap:10px;margin:4px 16px 20px;padding-top:16px;font-size:13px;line-height:1.55;display:grid}.creator[data-tool=start] .creator-outline{border-top:0;margin-top:16px;padding-top:0}.creator-outline-toggle{width:100%;min-height:32px;color:var(--muted);font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;font-size:13px;font-weight:500;display:flex}.creator-outline-toggle:hover{color:var(--text)}.creator-outline-toggle svg{transition:transform .2s var(--ease-out)}.creator-outline.is-open .creator-outline-toggle svg{transform:rotate(180deg)}.creator-outline-body{gap:10px;display:grid}.creator-outline-body[hidden]{display:none}.creator-panel:has(.creator-outline:not(.is-open)) .creator-panel-body .tool-note{display:none}.creator-outline h2{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:11px;font-weight:500}.creator-outline p,.creator-outline ol{margin:0}.creator-outline ol{padding-left:18px;list-style:decimal}.creator-outline li::marker{color:var(--faint)}.creator-outline-note{color:var(--faint)}.creator-outline-keys{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:6px 12px;margin:0;display:grid}.creator-outline-keys div{display:contents}.creator-outline-keys dt{justify-self:start}.creator-outline-keys kbd{border:1px solid var(--line-strong);color:var(--text);font-family:var(--font-mono);white-space:nowrap;background:#ffffff0a;border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-size:11.5px;line-height:1.6;display:inline-block}.creator-outline-keys dd{color:var(--muted);margin:0;font-size:13px}.creator-outline-privacy{color:var(--accent)}.creator-outline a{text-underline-offset:3px;text-decoration:underline}.creator-outline-links{flex-wrap:wrap;gap:4px 14px;display:flex}.creator-outline-links a{color:var(--text);text-decoration:none}.creator-outline-links a:hover{color:var(--accent)}@media (min-width:901px){.creator-panel-head .creator-info-button:not(.creator-keys-button){display:none}}.creator-panel-body .tool-controls{position:static}.creator-panel-body:empty:after{color:var(--faint);content:"Open an image to see this tool’s settings.";font-size:13px;display:block}.creator[data-mode=files] .creator-panel-body:empty:after{content:"Choose files to see this tool’s settings."}.creator-empty{color:var(--muted);text-align:center;justify-items:center;gap:14px;padding:60px 20px;display:grid}.creator-empty p{margin:0}.start{gap:14px;max-width:1080px;margin-inline:auto;display:grid}.start-open{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;padding:18px 22px;display:flex}.start-copy,.start-loaded{flex:260px;min-width:0}.start-open .tool-actions{flex:none}.start-copy h2{letter-spacing:-.02em;margin:0;font-size:1.3rem;font-weight:500}.start-copy p{color:var(--muted);margin:4px 0 0;font-size:14px}.start-open .tool-actions .btn{min-height:42px}.start-loaded{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;display:grid}.start-loaded img{object-fit:cover;border-radius:8px;width:52px;height:52px}.start-loaded div{gap:2px;min-width:0;display:grid}.start-loaded strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.start-loaded span{color:var(--muted);font-size:13px}.start-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.start-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-2);grid-template-columns:auto minmax(0,1fr);gap:2px 10px;height:100%;padding:11px 12px;transition:border-color .2s,background-color .2s;display:grid;position:relative}:is(.start-card:hover,.start-card:focus-visible){z-index:2;border-color:var(--accent);background:var(--ink-3)}@media (hover:hover){.start-card:after{content:attr(data-tip);z-index:5;border:1px solid var(--line-strong);width:max-content;max-width:min(300px,80vw);color:var(--text);white-space:normal;opacity:0;pointer-events:none;background:#0a0a0b;border-radius:10px;padding:9px 12px;font-size:12.5px;font-weight:400;line-height:1.45;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 10px);left:0;transform:translateY(4px);box-shadow:0 14px 30px -10px #000000b3}.start-card:before{content:"";z-index:6;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);opacity:0;pointer-events:none;background:#0a0a0b;width:10px;height:10px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 5px);left:22px;transform:translateY(4px)rotate(45deg)}.start-card:hover:after,.start-card:hover:before{opacity:1;transition-delay:.3s}.start-card:focus-visible:after{opacity:1;transition-delay:.3s}.start-card:focus-visible:before{opacity:1;transition-delay:.3s}.start-card:hover:after{transform:translateY(0)}.start-card:focus-visible:after{transform:translateY(0)}.start-card:hover:before{transform:translateY(0)rotate(45deg)}.start-card:focus-visible:before{transform:translateY(0)rotate(45deg)}}.start-card svg{color:var(--accent);grid-row:span 2;margin-top:1px}.start-card strong{font-size:14px;font-weight:500}.start-card span{color:var(--muted);font-size:12.5px;line-height:1.4}.start-keys{gap:6px;margin:0;font-size:13px;display:grid}.start-keys div{justify-content:space-between;gap:10px;display:flex}.start-keys dt{font-family:var(--font-mono);color:var(--text)}.start-keys dd{color:var(--muted);margin:0}.tool-catalog{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px 40px;display:grid}.tool-catalog h3{letter-spacing:.04em;color:var(--faint);text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:500}.tool-catalog ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tool-catalog li{gap:2px;font-size:14px;display:grid}.tool-catalog li span{color:var(--muted);line-height:1.5}.tool-catalog a{font-weight:500}.tool-catalog a:hover{color:var(--accent)}.creator-export-layer{z-index:100;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.creator-export-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050506b3;border:0;position:absolute;inset:0}.creator-export{border:1px solid var(--line);border-radius:var(--radius);background:var(--ink-2);gap:16px;width:min(420px,100%);padding:24px;display:grid;position:relative}.creator-export h2{margin:0;font-size:20px;font-weight:500}.creator-panel-head h2{margin-right:auto}.creator-panel-head{gap:6px}.creator-info-button{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;padding:0;transition:color .2s,border-color .2s;display:grid}.creator-info-button:hover{border-color:var(--accent);color:var(--text)}.creator-info{gap:12px;max-height:min(80svh,640px);font-size:15px;line-height:1.55;overflow-y:auto}.creator-info-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.creator-info p,.creator-info ol{color:var(--muted);margin:0}.creator-info ol{padding-left:20px;list-style:decimal}.creator-info li::marker{color:var(--faint)}.creator-info li+li{margin-top:4px}.creator-info-privacy{font-size:14px;color:var(--accent)!important}.creator-info a{text-underline-offset:3px;text-decoration:underline}.creator-info-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px 20px;padding-top:12px;font-size:14px;display:flex}.creator-info-links a{font-weight:500;text-decoration:none}.creator-about{padding:clamp(32px, 5vw, 64px) var(--gutter) clamp(48px, 7vw, 96px)}.creator-about>*{max-width:1000px;margin-inline:auto}.creator-about .tool-intro{margin-bottom:32px}.creator-about .tool-intro .page-title{font-size:clamp(1.35rem,2.4vw,2.1rem)}@media (max-width:1100px){.creator{--rail-w:64px}.creator-rail{z-index:5;padding:12px 8px;position:relative;overflow:visible}.creator-rail-item:after{content:attr(data-label);z-index:70;border:1px solid var(--line-strong);background:var(--ink-4);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:6px 10px;font-size:13px;transition:opacity .12s,transform .12s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-4px)}.creator-rail-item:hover:after{opacity:1;transform:translateY(-50%)}.creator-rail-item:focus-visible:after{opacity:1;transform:translateY(-50%)}.creator-rail-label{display:none}.creator-rail-item{justify-content:center;gap:0;padding:0}.creator-rail-item span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:900px){.creator-about{display:none}body:has(.creator) .site-header{display:none}body:has(.creator) .site-footer{display:none}:is(html:has(.creator),body:has(.creator)){overscroll-behavior:none;overflow:hidden}.creator{height:100svh;height:100dvh;padding-top:env(safe-area-inset-top)}.creator-rail-toggle{display:none}.creator-home{min-height:40px;color:var(--text);border-radius:999px;flex:none;align-items:center;gap:2px;margin-left:-6px;padding:0 10px 0 4px;text-decoration:none;display:inline-flex}.creator-home .wordmark{font-size:19px;line-height:1}.creator-home:active{background:var(--ink-3)}.start-keys{display:none}.start{gap:12px}.start-open{gap:12px;padding:16px}.start-open .tool-actions{flex-wrap:wrap;flex:100%}.start-open .tool-actions .btn{flex:auto;justify-content:center}.start-copy h2{font-size:1.2rem}.start-open .tool-actions .btn{min-height:42px}.start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.start-card{align-items:center;min-height:44px;padding:0 12px}.start-card svg{grid-row:auto;margin-top:0}.start-card span{display:none}.creator[data-tool=start] .creator-panel-body,.creator[data-tool=start] .creator-sheet-toggle{display:none!important}.creator-main{grid-template-rows:auto minmax(0,1fr)}.creator-info-layer{align-items:end;padding:0}.creator-info{width:100%;max-height:82svh;padding:20px 20px max(20px, env(safe-area-inset-bottom));animation:sheet-in .22s var(--ease-out);border-radius:18px 18px 0 0}.creator-rail-item:after{display:none}.creator{--rail-w:0px;--bar-h:52px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:0}.creator-stage{padding:12px}.creator-stage .btn-lg,.start-open .tool-actions .btn{min-height:42px;padding:0 20px;font-size:15px}.creator-stage .tool-canvas-wrap canvas,.creator-stage .tool-canvas-wrap img{max-height:calc(100cqh - 24px)}.creator-stage .cmp-viewer{height:calc(100cqh - 40px);min-height:200px}.creator-bar{gap:8px;padding:0 8px 0 10px}.creator-file strong{font-size:14px}.creator-file span{font-size:11.5px}.creator-file{flex:1}.creator-actions{gap:2px}.creator-actions .icon-button,.creator-actions .btn-sm{min-width:38px;height:38px;min-height:38px}.creator-actions .btn-sm{padding:0 10px}.creator-actions .icon-button[aria-label=Close\ image]{display:none}.creator-open span,.creator-actions .btn-accent span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.creator-actions .btn-accent{min-width:38px;padding:0}.creator-rail{padding:6px 8px max(12px, calc(6px + env(safe-area-inset-bottom)));overscroll-behavior-x:contain;scroll-snap-type:x proximity;border-top:1px solid var(--line);border-right:0;flex-direction:row;order:2;gap:2px;scroll-padding-inline:8px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.creator-rail-group{display:contents}.creator-rail-item{text-align:center;scroll-snap-align:start;flex-direction:column;flex:none;justify-content:center;gap:3px;width:68px;min-height:48px;padding:4px 2px;font-size:10.5px;line-height:1.15}.creator-rail-item span{clip:auto;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:auto;max-width:100%;height:auto;display:-webkit-box;position:static}.creator-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.creator-panel{z-index:2;border-left:0;border-top:1px solid var(--line-strong);border-radius:16px 16px 0 0;display:block;position:relative;box-shadow:0 -12px 32px #00000059}.creator-panel-head{touch-action:none;border-bottom:0;min-height:42px;padding:8px 10px 2px 18px;position:relative}.creator-sheet-toggle{border:1px solid var(--line-strong);background:var(--ink-3);min-height:30px;color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex;position:static}.creator-sheet-toggle:after{content:"";position:absolute;inset:0}.creator-sheet-toggle svg{transition:transform .2s var(--ease-out)}.creator:not(.panel-open) .creator-sheet-toggle{border-color:var(--accent);color:var(--accent)}.creator:not(.panel-open) .creator-sheet-toggle svg{transform:rotate(180deg)}.creator-panel-scroll{overflow:visible}.creator-outline{display:none}.creator-panel-body{overscroll-behavior:contain;max-height:48svh;padding:4px 18px 14px;display:none;overflow-y:auto}.creator.panel-open .creator-panel-body{animation:sheet-in .22s var(--ease-out);display:block}.creator-panel-body .tool-controls{gap:12px}.creator-panel-body .tool-note{display:none}.creator-panel-body .btn{min-height:36px;padding:0 13px;font-size:13.5px}.creator-panel-body .tool-actions{gap:8px}.creator-panel-body .tool-actions .btn{min-height:36px}.creator-panel-body .btn svg{width:16px;height:16px}.creator-panel-body .segmented{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.creator-panel-body .tool-controls>.tool-actions:has(.btn-accent){scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.creator-panel-body .segmented::-webkit-scrollbar{display:none}.creator-panel-body .tool-actions::-webkit-scrollbar{display:none}.creator-panel-body .segmented button,.creator-panel-body .tool-actions .btn{flex:none}.creator-panel-body .segmented{gap:6px;margin-inline:-18px;padding-inline:18px}.creator-panel-body .segmented button{min-height:32px;padding:0 12px;font-size:13px}.creator-panel-body .tool-field .input,.creator-panel-body .tool-field select.input,.creator-panel-body .input{min-height:36px;padding:4px 10px;font-size:16px}.creator-panel-body .field-label{font-size:14px}.creator-panel-body .tool-stats{gap:0}.creator-panel-body .tool-stat{display:block}.creator-panel-body .tool-stat span{display:none}.creator-panel-body .tool-stat strong{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:400}.creator-panel-body .tool-stat+.tool-stat strong:before{content:"·";margin:0 8px}.creator-panel-body .tool-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}.creator-panel-body .tool-row .tool-field{gap:2px}.creator-panel-body .tool-field{gap:4px}.creator-panel-body .field-label small{color:var(--text)}.creator-panel-body .tool-actions{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.creator-panel-body .text-link{min-height:36px}.creator-panel-body .oc-total strong{font-size:1.5rem}.creator-panel-body .oc-cats{scrollbar-width:none;gap:6px;margin-inline:-16px;padding-inline:16px;display:flex;overflow-x:auto}.creator-panel-body .oc-cats li{flex:none;grid-template-columns:auto 64px auto auto auto auto;gap:4px}.creator-panel-body .oc-speed{padding:0;background:0 0;border:0;padding:0}.creator-panel-body .oc-speed-note,.creator-panel-body .oc-speed-row .tool-field{display:none}.creator-panel-body .oc-options select.input{min-height:34px}.oc-delete-toggle span,.creator-rail-toggle{display:none}.creator[data-tool=object-counter] .creator-panel-body{max-height:30svh}.oc-toolbar>.tool-note{display:none}.oc-hud{padding:4px 10px 4px 8px;top:8px;right:8px}.oc-hud strong{font-size:16px}.creator-panel-body .oc-cat-pick{width:32px;height:32px}.creator-panel-body .oc-cat-name{padding:4px 6px}.creator-panel-body .tool-position-grid{border:0;grid-template-columns:repeat(3,32px);gap:4px;padding:0}.creator-panel-body .tool-position-grid button{width:32px;height:32px}.creator-panel-body .tool-controls>.tool-actions:has(.btn-accent){z-index:1;border-top:1px solid var(--line);background:var(--ink-2);margin:0 -16px -12px;padding:8px 16px 12px;position:sticky;bottom:-12px}}@keyframes sheet-in{0%{opacity:0;transform:translateY(12px)}}@media (pointer:coarse) and (max-width:900px){.creator-panel-body .btn,.creator-panel-body .tool-actions .btn,.creator-panel-body .tool-field .input,.creator-panel-body .tool-field select.input{min-height:36px}.creator-panel-body .segmented button{min-height:32px}.creator-panel-body .segmented{gap:6px}.creator-panel-body .tool-actions{gap:10px}.creator-panel-body input[type=range]{height:32px}.creator-panel-body .tool-check,.creator-sheet-toggle{min-height:32px}.creator-panel-body .tool-position-grid{grid-template-columns:repeat(3,36px);gap:6px}.creator-panel-body .tool-position-grid button,.creator-panel-body .oc-cat-pick,.creator-panel-body .wm-color{width:36px;height:36px}}@media (pointer:coarse){.tool-crop-handle{width:44px;height:44px}.tool-crop-handle:after{inset:14px}.tool-region-remove,.oc-cat-remove{width:36px;height:36px}.tool-blur-box .tool-region-remove{top:-18px;right:-18px}}@media (prefers-reduced-motion:no-preference){.creator-stage>*,.creator-panel-body>*{animation:.32s cubic-bezier(.22,1,.36,1) both creator-in}}@keyframes creator-in{0%{opacity:0;filter:blur(6px);transform:translateY(6px)}}.creator[data-tool=video-frame] .creator-panel-body:empty:after{content:"Scrub, step and grab the frame under the video."}label.btn:focus-within{outline:2px solid var(--focus);outline-offset:2px}label.btn{cursor:pointer}