.crop-editor[data-v-85a8f2b1]{flex-direction:column;flex:1;min-width:0;display:flex}.crop-actions[data-v-85a8f2b1]{justify-content:space-between;align-items:center;gap:12px;min-height:34px;margin-bottom:16px;display:flex}.canvas-label[data-v-85a8f2b1]{color:#c6c9d0;white-space:nowrap;align-items:center;gap:9px;font-size:11px;display:flex}.canvas-label .studio-icon[data-v-85a8f2b1]{width:16px;height:16px}.crop-action-group[data-v-85a8f2b1]{align-items:center;gap:5px;display:flex}.crop-actions button[data-v-85a8f2b1]{color:#bfc4cd;font:inherit;cursor:pointer;white-space:nowrap;background:#303238;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:11px;display:flex}.crop-actions button .studio-icon[data-v-85a8f2b1]{width:14px;height:14px}.crop-actions button[data-v-85a8f2b1]:hover:not(:disabled){color:#f1f3f6;background:#41454c}.crop-actions button[aria-pressed=true][data-v-85a8f2b1]{color:#f1f3f6;background:#4a4f58;box-shadow:0 2px 5px #0002}.crop-actions button.apply-crop[data-v-85a8f2b1]{color:#26292e;background:#cbd0d7;margin-left:6px;box-shadow:0 2px 7px #0002}.crop-actions button.apply-crop[data-v-85a8f2b1]:hover:not(:disabled){color:#23252a;background:#eef0f3}.crop-actions button[data-v-85a8f2b1]:disabled{opacity:.4;cursor:not-allowed}.crop-mat[data-v-85a8f2b1]{background-color:#1c1d21;background-image:conic-gradient(#222429 25%,transparent 0 50%,#222429 0 75%,transparent 0);background-size:20px 20px;border-radius:8px;flex:1;min-height:510px;position:relative;overflow:hidden;box-shadow:inset 0 4px 15px #00000016}.crop-stage[data-v-85a8f2b1]{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;position:absolute;inset:32px}.crop-stage img[data-v-85a8f2b1]{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;max-height:none;position:absolute}.crop-surface[data-v-85a8f2b1]{pointer-events:none;position:absolute;overflow:visible}.crop-selection[data-v-85a8f2b1]{box-sizing:border-box;pointer-events:auto;cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 100vmax #0009,inset 0 0 0 1px #ffffffb0}.crop-selection[data-v-85a8f2b1]:focus-visible{outline:none;box-shadow:0 0 0 100vmax #0009,inset 0 0 0 2px #fff}.drawing .crop-selection[data-v-85a8f2b1]{cursor:crosshair}.crop-thirds[data-v-85a8f2b1]{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.333% - .5px),#ffffff60 33.333%,#0000 calc(33.333% + .5px) calc(66.666% - .5px),#ffffff60 66.666%,#0000 calc(66.666% + .5px)),linear-gradient(#0000 calc(33.333% - .5px),#ffffff60 33.333%,#0000 calc(33.333% + .5px) calc(66.666% - .5px),#ffffff60 66.666%,#0000 calc(66.666% + .5px));position:absolute;inset:0}.crop-grip[data-v-85a8f2b1]{box-sizing:border-box;touch-action:none;z-index:1;background:#f2f3f5;border-radius:2px;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0008}.crop-grip[data-v-85a8f2b1]:after{content:"";position:absolute;inset:-8px}.nw[data-v-85a8f2b1]{cursor:nwse-resize;top:0;left:0}.n[data-v-85a8f2b1]{cursor:ns-resize;top:0;left:50%}.ne[data-v-85a8f2b1]{cursor:nesw-resize;top:0;left:100%}.e[data-v-85a8f2b1]{cursor:ew-resize;top:50%;left:100%}.se[data-v-85a8f2b1]{cursor:nwse-resize;top:100%;left:100%}.s[data-v-85a8f2b1]{cursor:ns-resize;top:100%;left:50%}.sw[data-v-85a8f2b1]{cursor:nesw-resize;top:100%;left:0}.w[data-v-85a8f2b1]{cursor:ew-resize;top:50%;left:0}.crop-instructions[data-v-85a8f2b1]{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:14px 0 0;font-size:10px;line-height:1.5;display:flex}.fit-readout[data-v-85a8f2b1]{white-space:nowrap;font-variant-numeric:tabular-nums;gap:8px;display:flex}.fit-readout>span[data-v-85a8f2b1]{color:#d3d8df}@media (width<=1100px){.canvas-label[data-v-85a8f2b1]{display:none}.crop-actions[data-v-85a8f2b1]{justify-content:flex-end}.crop-action-group[data-v-85a8f2b1]{flex:1;justify-content:space-between}.crop-actions button[data-v-85a8f2b1]{padding-inline:8px;font-size:10px}.crop-actions button.apply-crop[data-v-85a8f2b1]{margin-left:0}.crop-stage[data-v-85a8f2b1]{inset:24px}.crop-instructions[data-v-85a8f2b1]{font-size:9px}}@media (width<=760px){.canvas-label[data-v-85a8f2b1]{display:flex}.crop-action-group[data-v-85a8f2b1]{flex:0}.crop-actions button[data-v-85a8f2b1]{font-size:11px}.crop-mat[data-v-85a8f2b1]{flex:none;min-height:360px}.crop-stage[data-v-85a8f2b1]{inset:22px}}@media (width<=420px){.canvas-label[data-v-85a8f2b1]{display:none}.crop-action-group[data-v-85a8f2b1]{flex:1}.crop-actions button[data-v-85a8f2b1]{padding-inline:9px;font-size:10px}.crop-mat[data-v-85a8f2b1]{min-height:320px}.crop-stage[data-v-85a8f2b1]{inset:18px}.crop-instructions[data-v-85a8f2b1]{font-size:9px}.crop-instructions>span[data-v-85a8f2b1]:first-child{max-width:220px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--workspace:#18191c;--panel:#222327;--surface:#2c2e33;--raised:#3a3d43;--text:#eef0f2;--muted:#a5a9b2;--font:"Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--shadow:0 24px 60px #0003, 0 4px 12px #0002}*{box-sizing:border-box}html,body,#__nuxt{min-height:100%;margin:0}body{background:var(--workspace);color:var(--text);font:13px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button,input{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:0 0 0 3px #e6edf54d}button{transition:background .16s,color .16s,box-shadow .16s,opacity .16s}svg.studio-icon{flex:none;width:18px;height:18px}h1,h2,h3,p{margin:0}.studio-shell{flex-direction:column;max-width:1680px;height:100dvh;min-height:820px;margin:auto;padding:0 32px 24px;display:flex}.studio-header{justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:11px;font-size:19px;font-weight:650;display:flex}.brand-light{color:var(--muted);font-weight:400}.brand-mark{background:linear-gradient(145deg,#45484e,#2b2d32);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 3px 8px #0003}.brand-mark .studio-icon{width:21px;height:21px}.workspace-label{color:var(--muted);margin-right:auto;padding-left:24px;font-size:12px}.header-actions{align-items:center;gap:16px;display:flex}.local-status{color:var(--muted);align-items:center;gap:8px;margin-right:6px;font-size:11px;display:flex}.status-light{background:#a2c2ae;border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 7px #a2c2ae25}.status-light.idle{box-shadow:none;background:#989ca4}.button{border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:38px;padding:0 16px;font-size:12px;font-weight:600;display:inline-flex}.button-secondary{background:var(--surface);color:var(--text);box-shadow:0 2px 4px #0001}.button-secondary:hover{background:var(--raised)}.button-primary{color:#23252a;background:#dfe2e6;box-shadow:0 3px 10px #0003}.button-primary:hover:not(:disabled){background:#f3f4f6;box-shadow:0 4px 14px #0004}.icon-button{width:32px;height:32px;color:var(--muted);background:0 0;border-radius:6px;place-items:center;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--raised);color:var(--text)}.help-button .studio-icon{width:19px;height:19px}.studio-workspace{background:var(--panel);min-height:0;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden}.document-bar{z-index:1;background:#26272c;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:0 23px;display:flex;box-shadow:0 3px 8px #0000000a}.document-name{align-items:center;gap:10px;min-width:0;font-size:12px;display:flex}.document-name>.studio-icon{color:var(--muted);width:16px;height:16px}.document-name>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;max-width:min(450px,42vw);overflow:hidden}.document-state{color:var(--muted);white-space:nowrap;background:#303238;border-radius:4px;margin-left:3px;padding:3px 8px;font-size:10px}.document-actions{align-items:center;gap:13px;display:flex}.source-dimensions,.document-caption{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.workspace-body{flex:1;grid-template-columns:minmax(0,1fr) 310px;min-height:0;display:grid}.canvas-column{flex-direction:column;min-width:0;padding:20px 24px 14px;display:flex;position:relative}.empty-toolbar{height:34px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:11px;display:flex}.empty-toolbar>span:first-child{color:#c6c9d0;align-items:center;gap:9px;display:flex}.empty-toolbar .studio-icon{width:16px;height:16px}.empty-toolbar>span:last-child{font-size:10px}.empty-canvas{background:#1c1d21;border-radius:8px;flex:1;place-items:center;min-height:510px;padding:60px 24px;display:grid;position:relative;box-shadow:inset 0 4px 15px #00000016}.empty-content{text-align:center;flex-direction:column;align-items:center;padding-bottom:20px;display:flex}.empty-art{width:156px;height:132px;margin-bottom:32px;position:relative}.art-sheet{border-radius:9px;width:113px;height:88px;position:absolute;box-shadow:0 12px 26px #0004}.art-sheet.back{background:#303238;top:11px;left:15px;transform:rotate(-15deg)}.art-sheet.middle{background:#44474e;top:21px;left:31px;transform:rotate(10deg)}.art-sheet.front{background:#575c63;top:31px;left:17px;overflow:hidden;transform:rotate(-5deg)}.art-sheet.front svg{width:100%;height:100%}.art-crop{color:#353940;background:#d8dce0;border-radius:11px;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:3px;right:2px;transform:rotate(7deg);box-shadow:0 6px 18px #0005}.art-crop .studio-icon{width:21px;height:21px}.empty-content h1{letter-spacing:-.9px;margin-bottom:13px;font-size:28px;font-weight:550;line-height:1.25}.empty-content p{color:var(--muted);font-size:13px;line-height:1.8}.open-image-button{min-height:42px;margin:25px 0 13px;padding:0 22px}.drop-hint{color:var(--muted);font-size:11px}.supported-formats{color:#a0a4ad;gap:10px;margin-top:28px;font-size:10px;display:flex}.supported-formats>span{color:#6e737d}.empty-instructions{color:#a0a4ad;justify-content:space-between;gap:12px;margin-top:14px;font-size:10px;display:flex}.inspector{scrollbar-width:thin;scrollbar-color:#484c53 transparent;background:#282a2f;flex-direction:column;padding:23px 22px 20px;display:flex;overflow-y:auto;box-shadow:-5px 0 18px #0000000a}.inspector-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.inspector-header h2{letter-spacing:-.2px;font-size:14px;font-weight:600}.inspector-header>.studio-icon{color:#c2c6cf;width:20px;height:20px}.control-section{margin-bottom:22px}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;display:flex}.section-heading h3{font-size:12px;font-weight:600}.section-heading>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.field-label{color:var(--muted);margin-bottom:8px;font-size:10px;display:block}.ratio-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.ratio-options button{color:#b4b8c1;background:#33353b;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:47px;padding:7px 2px;font-size:10px;display:flex}.ratio-options button:hover:not(:disabled){color:var(--text);background:#41444b}.ratio-options button.chosen{color:#f4f5f6;background:#484c53;box-shadow:0 3px 7px #0002}.ratio-shape{opacity:.7;background:#838994;border-radius:2px;flex:none;display:block}.ratio-options button.chosen .ratio-shape{opacity:1;background:#e0e4e9}.ratio-shape.free{transform:skew(-8deg)}.dimension-fields{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:end;gap:6px;display:grid}.number-input{background:#1f2125;border-radius:6px;align-items:center;gap:6px;height:41px;padding:0 11px;transition:background .16s,box-shadow .16s;display:flex;box-shadow:inset 0 2px 4px #0000000d}.number-input:focus-within{background:#353840;box-shadow:0 0 0 3px #e6edf526}.number-input input{width:100%;min-width:0;box-shadow:none;color:var(--text);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;padding:0;font-size:13px;font-weight:500}.number-input input::placeholder{color:#848b95}.number-input input::-webkit-inner-spin-button{-webkit-appearance:none}.number-input>span{color:var(--muted);font-size:10px}.link-button{color:#d7dce2;width:24px;height:41px}.link-button .studio-icon{width:14px;height:14px}.link-button.unlocked{color:var(--muted)}.control-note{color:var(--muted);margin-top:8px;font-size:10px}.preview-frame{background-color:#202227;background-image:conic-gradient(#27292e 25%, transparent 0 50%, #27292e 0 75%, transparent 0);background-size:16px 16px;border-radius:6px;place-items:center;height:104px;display:grid;overflow:hidden}.preview-frame canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:104px;display:block;box-shadow:0 3px 12px #0003}.preview-placeholder{color:var(--muted);flex-direction:column;align-items:center;gap:9px;font-size:10px;display:flex}.preview-placeholder .studio-icon{color:#858c97;stroke-width:1.3px;width:25px;height:25px}.export-controls{margin-top:auto;padding-top:6px}.format-options{background:#202227;border-radius:7px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.format-options button{height:29px;color:var(--muted);background:0 0;border-radius:4px;font-size:11px}.format-options button:hover{color:var(--text);background:#303238}.format-options button.chosen{color:#f1f3f6;background:#43464e;box-shadow:0 2px 5px #0002}.quality-control{margin:16px 0 21px}.quality-heading{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;display:flex}.quality-heading>span{color:#dee2e8;font-variant-numeric:tabular-nums;font-size:12px}.quality-percent{color:var(--muted);margin-left:2px;font-size:10px}.quality-control input{appearance:none;background:linear-gradient(to right, #c4c9d1 var(--range-fill,88.8%), #454951 var(--range-fill,88.8%));cursor:pointer;border-radius:3px;width:100%;height:4px;margin:0;display:block}.quality-control input::-webkit-slider-thumb{-webkit-appearance:none;background:#e5e8ec;border-radius:50%;width:11px;height:11px;box-shadow:0 1px 4px #0007}.quality-control input::-moz-range-thumb{background:#e5e8ec;border:0;border-radius:50%;width:11px;height:11px}.export-button{gap:9px;width:100%;min-height:42px;margin-top:17px}.export-button>.studio-icon{width:17px;height:17px}.export-extension{opacity:.58;margin-left:auto;font-size:9px;font-weight:500}.export-footnote{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin-top:11px;font-size:9px;display:flex}.export-footnote .studio-icon{width:12px;height:12px}.workspace-footer{min-height:37px;color:var(--muted);background:#26272b;align-items:center;gap:24px;padding:0 23px;font-size:10px;display:flex}.footer-status{align-items:center;gap:7px;display:flex}.crop-readout{font-variant-numeric:tabular-nums}.footer-privacy{align-items:center;gap:6px;margin-left:auto;display:flex}.footer-privacy .studio-icon{width:13px;height:13px}.site-footer{min-height:32px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding-top:12px;font-size:11px;display:flex}.site-footer-logo{width:22px;height:20px;display:inline-block;position:relative;overflow:hidden}.site-footer-logo img{filter:brightness(0)invert();width:35.33px;max-width:none;height:35.33px;position:absolute;top:-10px;left:-7.33px}.site-footer strong{color:var(--text);font-weight:600}.toast{z-index:10;color:#f0f2f4;background:#41464d;border-radius:9px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:12px 12px 12px 17px;font-size:12px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 38px #0005}.toast>.studio-icon{width:17px;height:17px}.toast .icon-button{width:24px;height:24px;margin-left:8px}.toast .icon-button .studio-icon{width:15px;height:15px}.drop-overlay{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#eff2f5;pointer-events:none;background:#34383ded;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:16px;box-shadow:0 8px 24px #0003}.drop-overlay>.studio-icon{stroke-width:1.3px;width:36px;height:36px}.drop-overlay strong{font-size:18px;font-weight:500}.spinner{border:2px solid #23252a40;border-top-color:#23252a;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.leave-dialog{background:var(--panel);width:min(440px,100vw - 32px);color:var(--text);font:13px/1.5 var(--font);box-shadow:var(--shadow);border:1px solid #484c53;border-radius:12px;margin:auto;padding:26px}.leave-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.leave-dialog h2{margin:0 0 12px;font-size:20px;font-weight:600}.leave-dialog p{color:var(--muted);margin:0}.leave-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.leave-dialog-actions .button{min-height:40px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@media (width>=1500px){.studio-shell{padding-inline:48px}.workspace-body{grid-template-columns:minmax(0,1fr) 330px}.inspector{padding-inline:26px}.canvas-column{padding-inline:30px}}@media (width<=1000px){.studio-shell{padding:0 20px 20px}.workspace-body{grid-template-columns:minmax(0,1fr) 285px}.canvas-column,.inspector{padding-inline:18px}.local-status{display:none}.workspace-label{padding-left:0}.empty-canvas{padding-inline:15px}.empty-content h1{font-size:25px}}@media (width<=760px){.studio-shell{height:auto;min-height:100dvh;padding:0 14px 14px}.studio-header{gap:12px;min-height:70px}.brand{gap:8px;font-size:17px}.brand-mark{width:31px;height:31px}.workspace-label{display:none}.header-actions{gap:6px}.import-button{min-height:34px;padding-inline:12px;font-size:11px}.import-button .studio-icon{width:15px;height:15px}.document-bar{min-height:50px;padding:0 16px}.document-state{display:none}.document-caption{font-size:10px}.workspace-body{grid-template-columns:minmax(0,1fr)}.canvas-column{padding:15px 16px 14px}.empty-canvas{min-height:450px;padding-block:42px}.empty-art{margin-bottom:20px;scale:.9}.inspector{padding:22px}.inspector-header{margin-bottom:23px}.inspector-content{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.preview-section{grid-column:1/-1}.preview-frame{height:140px}.preview-frame canvas{max-height:140px}.export-controls{padding-top:0}.export-button{margin-top:22px}.workspace-footer{gap:14px;min-height:38px;padding:0 16px}.footer-tip{display:none}.empty-instructions,.footer-privacy{font-size:9px}}@media (width<=420px){.studio-shell{padding-inline:10px}.studio-header{gap:8px}.help-button{display:none}.document-name>span:first-of-type{max-width:47vw}.document-caption{display:none}.source-dimensions{font-size:10px}.document-actions{gap:4px}.canvas-column{padding-inline:12px}.empty-toolbar>span:last-child{font-size:9px}.empty-content h1{font-size:25px}.empty-instructions>span:last-child{display:none}.inspector{padding:20px 16px}.inspector-content{grid-template-columns:1fr}.preview-section{grid-column:auto}.control-section{margin-bottom:24px}.ratio-options{grid-template-columns:repeat(3,1fr);gap:7px}.ratio-options button{min-height:55px}.field-label{font-size:11px}.number-input{height:43px}.footer-privacy{display:none}.crop-readout{margin-left:auto}.toast{font-size:11px;bottom:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}