.modal.lite-modal{flex-direction:column;width:min(1000px,100vw - 32px);max-height:calc(100dvh - 32px);display:flex;overflow:hidden}.lite-modal>.modal-heading,.lite-modal>.modal-actions{flex-shrink:0}.lite-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px;min-height:0;padding:24px;display:grid;overflow-y:auto}.lite-preview{border:1px solid var(--border,#ddd);border-radius:12px;place-items:center;height:min(58dvh,512px);min-height:260px;display:grid;overflow:hidden}.lite-preview canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(min(58dvh,512px) - 2px);display:block}.lite-preview .can-paint{cursor:crosshair;touch-action:none}.lite-preview-area{min-width:0}.lite-preview-toolbar{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.lite-preview-toolbar [aria-pressed=true]{background:var(--accent-soft,#eeedff);border-color:var(--accent,#5753d6)}.lite-preview.is-actual-size{overscroll-behavior:contain;place-items:start;display:block;overflow:auto}.lite-preview.is-actual-size canvas{object-fit:initial;max-width:none;max-height:none}.lite-controls{flex-direction:column;gap:14px;min-width:0;display:flex}.lite-note,.lite-download,.lite-dimensions{color:var(--muted,#626b79);margin:0;font-size:14px;line-height:1.5}.lite-download{align-items:flex-start;gap:8px;display:flex}.lite-download svg{flex-shrink:0;margin-top:2px}.lite-dimensions{font-variant-numeric:tabular-nums}.lite-brush-tools{flex-wrap:wrap;gap:8px;display:flex}.lite-progress{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.lite-progress progress{accent-color:#5753d6;width:100%}.lite-error{color:#b1263a;font-size:14px;line-height:1.5}@media (max-width:700px){.lite-layout{grid-template-columns:1fr;gap:16px;padding:18px}.lite-preview{height:min(40dvh,320px);min-height:180px}.lite-preview canvas{max-height:calc(min(40dvh,320px) - 2px)}.lite-controls{gap:10px}}.lite-color-recovery{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.modal.advanced-modal{flex-direction:column;width:min(1040px,100vw - 32px);max-height:calc(100dvh - 32px);display:flex;overflow:hidden}.plan-editor-toolbar,.plan-editor-toolbar>div,.plan-editor-layer-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.plan-editor-toolbar{justify-content:space-between;margin:18px 0}.plan-editor-toolbar small{color:var(--muted);font-weight:400}.plan-editor-grid{grid-template-columns:minmax(220px,.85fr) minmax(250px,1.15fr);gap:24px;display:grid}.plan-editor-source{flex-direction:column;gap:12px;min-width:0;display:flex}.plan-editor-source>small,.plan-editor-fields>small,.plan-editor-note{color:var(--muted);font-size:12px;line-height:1.6}.plan-editor-image{background:#e9e9e9;border-radius:8px;line-height:0;position:relative;overflow:hidden}.plan-editor-image img{width:100%;height:auto;display:block}.plan-editor-image>span{pointer-events:none;background:#be562a12;border:2px solid #be562a;position:absolute}.plan-editor-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.plan-editor-list button{border:1px solid var(--line,#dedbd4);background:var(--panel,#fff);width:100%;color:var(--ink);text-align:start;cursor:pointer;border-radius:8px;grid-template-columns:24px 1fr;gap:3px 8px;padding:10px 12px;display:grid}.plan-editor-list button[aria-pressed=true]{border-color:#be562a;box-shadow:0 0 0 1px #be562a}.plan-editor-list strong{overflow-wrap:anywhere;font-weight:600}.plan-editor-list small{color:var(--muted);grid-column:2}.plan-editor-fields{border:0;align-content:start;gap:14px;min-width:0;margin:0;padding:0;display:grid}.plan-editor-fields input,.plan-editor-fields textarea,.plan-editor-fields select{box-sizing:border-box;border:1px solid var(--line,#dedbd4);background:var(--panel,#fff);width:100%;color:var(--ink);font:inherit;border-radius:6px;padding:10px;font-size:13px}.plan-editor-fields textarea{resize:vertical;line-height:1.55}.plan-editor-note{margin:0}.plan-validation{color:#a43823;font-size:13px}.google-sign-in{justify-items:center;gap:12px;margin:6px 0 24px;display:grid}.google-sign-in>div{width:min(320px,100%);min-height:44px}.google-sign-in small{color:var(--muted);text-align:center;font-size:12px}.google-sign-in>span{color:var(--muted);font-size:13px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.plan-editor-grid{grid-template-columns:1fr;gap:18px}.plan-editor-image{max-width:280px;margin:auto}.plan-editor-toolbar{align-items:flex-start}}.advanced-modal>.modal-heading,.advanced-modal>.modal-actions{flex:none}.advanced-body{min-height:220px;padding:24px;overflow:auto}.advanced-body h3{color:var(--ink);font-family:var(--font-display);letter-spacing:-.35px;margin:0;font-size:19px;font-weight:650;line-height:1.35}.advanced-body>section>p,.advanced-form>p,.advanced-progress>p,.advanced-complete>p,.advanced-empty>p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.65}.advanced-loading,.advanced-empty,.advanced-progress,.advanced-complete,.advanced-error-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:215px;display:flex}.advanced-loading{color:var(--muted);font-size:14px}.advanced-empty{color:var(--muted)}.advanced-empty>svg{color:var(--faint)}.advanced-empty>p{max-width:480px}.advanced-account{min-height:33px;color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:7px;margin-bottom:21px;padding:0 0 17px;font-size:12px;display:flex}.advanced-account>svg{color:#56846e}.advanced-account>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.advanced-account .button{width:31px;min-height:31px;margin-inline-start:auto;padding:5px}.advanced-form{flex-direction:column;gap:17px;max-width:440px;margin:0 auto;padding:4px 0 8px;display:flex}.advanced-form>p{margin-top:-9px}.advanced-form .field{text-align:start;gap:7px}.advanced-form .button-quiet{align-self:flex-start;margin-top:-8px;padding-inline:0}.advanced-step-icon{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--line));background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.advanced-consent{flex-direction:column;gap:18px;display:flex}.advanced-flow{border:1px solid var(--line);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));margin:-4px 0 4px;display:grid;overflow:hidden}.advanced-flow span{border-inline-end:1px solid var(--line);min-height:60px;color:var(--muted);flex-direction:column;justify-content:center;gap:4px;padding:9px 11px;font-size:12px;line-height:1.25;display:flex}.advanced-flow span:last-child{border-inline-end:0}.advanced-flow i{color:var(--accent);letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:10px;font-style:normal;font-weight:700}.advanced-disclosure{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--line));background:var(--accent-soft);color:var(--muted);border-radius:8px;align-items:flex-start;gap:10px;padding:13px 14px;display:flex}.advanced-disclosure>svg{color:var(--accent);margin-top:2px}.advanced-disclosure p{margin:0;font-size:13px;line-height:1.6}.advanced-meta{color:var(--faint);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:7px 15px;font-size:12px;display:flex}.advanced-meta span{align-items:center;gap:5px;display:inline-flex}.advanced-consent textarea{resize:vertical;width:100%;min-height:88px;color:var(--ink);background:var(--panel);border:1px solid var(--line-strong);border-radius:7px;padding:9px 10px;font-size:14px;line-height:1.5}.advanced-consent textarea:focus{border-color:var(--accent);outline:none}.advanced-ack{cursor:pointer;color:var(--ink);border:1px solid var(--line);border-radius:8px;align-items:flex-start;gap:10px;padding:11px 12px;font-size:13px;line-height:1.5;display:flex}.advanced-ack:has(input:checked){border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--accent-soft) 55%, transparent)}.advanced-ack input{flex:none;margin:2px 0 0}.advanced-progress{padding:24px 12px}.advanced-progress>small,.advanced-generation>small{color:var(--faint);max-width:450px;font-size:12px;line-height:1.45}.advanced-orbit{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));width:58px;height:58px;color:var(--accent);background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--accent-soft) 85%, transparent), transparent 65%);border-radius:50%;place-items:center;display:grid}.advanced-status{background:var(--panel-soft);min-height:28px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-size:12px;display:inline-flex}.advanced-error{border:1px solid color-mix(in srgb, var(--error) 25%, var(--line));width:100%;color:var(--error);background:color-mix(in srgb, var(--error) 7%, var(--panel));text-align:start;border-radius:8px;align-items:flex-start;gap:9px;padding:12px;display:flex}.advanced-error>svg{flex:none;margin-top:2px}.advanced-error div{min-width:0}.advanced-error strong{font-size:13px;font-weight:650;display:block}.advanced-error p{color:var(--ink);margin:2px 0;font-size:13px;line-height:1.5}.advanced-error small{color:var(--muted);font-size:11px;line-height:1.45}.advanced-plan{flex-direction:column;gap:16px;display:flex}.advanced-plan-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.advanced-plan-head .advanced-status{flex:none}.advanced-plan-head p{color:var(--muted);max-width:565px;margin:7px 0 0;font-size:13px;line-height:1.55}.advanced-canvas-size{background:var(--panel-soft);border:1px solid var(--line);border-radius:7px;align-items:baseline;gap:9px;padding:11px 12px;font-size:12px;display:flex}.advanced-canvas-size span{color:var(--muted)}.advanced-canvas-size strong{font-variant-numeric:tabular-nums;font-weight:600}.advanced-issues{border:1px solid color-mix(in srgb, var(--warning) 22%, var(--line));background:var(--warning-bg);color:var(--warning);border-radius:7px;padding:12px 14px}.advanced-issues strong{font-size:12px}.advanced-issues ul{margin:7px 0 0;padding-inline-start:17px;font-size:12px;line-height:1.5}.advanced-plan-layers{border:1px solid var(--line);border-radius:9px;margin:0;padding:0;list-style:none;overflow:hidden}.advanced-plan-layers li{border-bottom:1px solid var(--line);grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:11px 13px;display:grid}.advanced-plan-layers li:last-child{border-bottom:0}.advanced-layer-number{color:var(--faint);letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700}.advanced-plan-layers li>div{flex-direction:column;gap:4px;min-width:0;display:flex}.advanced-plan-layers input{color:var(--ink);font-weight:600;background:0 0!important;border-color:#0000!important;height:33px!important;padding:5px 6px!important}.advanced-plan-layers input:hover{border-color:var(--line)!important}.advanced-plan-layers input:focus{border-color:var(--accent)!important;background:var(--panel)!important}.advanced-plan-layers small{overflow-wrap:anywhere;color:var(--faint);font-size:11px;line-height:1.4}.advanced-empty-plan{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:8px;margin:0;padding:20px;font-size:13px}.advanced-change-note{color:var(--muted);margin:-4px 0 0;font-size:12px;line-height:1.5}.advanced-generation{flex-direction:column;gap:16px;display:flex}.advanced-progress-head{align-items:flex-start;gap:14px;display:flex}.advanced-progress-head .advanced-orbit{flex:none;width:46px;height:46px}.advanced-progress-head p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.55}.advanced-generation>progress{width:100%;height:7px;accent-color:var(--accent)}.advanced-job-layers{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.advanced-job-layers li{border-bottom:1px solid var(--line);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:39px;padding:7px 3px;font-size:13px;display:grid}.advanced-job-layers li>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.advanced-job-layers small{color:var(--faint);font-size:11px}.advanced-layer-state{width:20px;height:20px;color:var(--faint);place-items:center;display:grid}.advanced-layer-state.is-ready{color:#56846e}.advanced-layer-state.is-failed{color:var(--error)}.advanced-complete{padding:17px 12px}.advanced-complete-icon{color:#47765f;background:#e9f4ee;border:1px solid #bbd9c7;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}[data-theme=dark] .advanced-complete-icon{color:#9fcfb0;background:#253c30;border-color:#426550}.advanced-result-summary{border:1px solid var(--line);background:var(--panel-soft);color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:inline-flex}.advanced-result-summary svg{color:var(--accent)}.advanced-result-summary strong{color:var(--ink)}.advanced-actions{min-height:72px}.advanced-billing{border:1px solid var(--line);background:var(--panel-soft);color:var(--ink);border-radius:9px;margin-bottom:20px;padding:12px 14px}.billing-balance{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.billing-balance>strong{font-variant-numeric:tabular-nums;margin-inline-end:auto;font-size:13px}.billing-balance .button{min-height:29px;padding:5px 8px;font-size:12px}.billing-details{border-top:1px solid var(--line);gap:12px;margin-top:14px;padding-top:13px;display:grid}.advanced-billing p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.advanced-billing>p{margin-top:9px}.billing-packs{flex-wrap:wrap;gap:8px;display:flex}.billing-packs .button{font-variant-numeric:tabular-nums;min-height:43px}.billing-test{color:var(--warning)!important}.billing-error{color:var(--error)!important}.billing-checkout{border:1px solid var(--line-strong);background:var(--panel);border-radius:7px;justify-items:start;gap:8px;padding:12px;display:grid}.embedded-payment{background:#fff;border-radius:6px;width:100%;min-width:0;overflow:hidden}.embedded-payment-shell{width:100%;min-width:0}.checkout-recovery{margin-bottom:12px}.checkout-recovery p{max-width:70ch;margin-block:10px}.ai-fee-confirmation{color:var(--ink);gap:14px;padding:22px;font-size:14px;line-height:1.7;display:grid}.ai-fee-confirmation p{margin:0}.ai-fee-confirmation strong{font-size:18px}.billing-orders{margin:9px 0 0;padding:0;list-style:none}.billing-orders li{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:9px;padding:7px 0;font-size:11px;display:flex}.billing-details summary{cursor:pointer;color:var(--muted);font-size:12px}.advanced-modal .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:580px){.modal.advanced-modal{width:min(100vw - 16px,760px);max-height:calc(100dvh - 16px)}.advanced-modal .modal-heading{padding:18px 18px 16px}.advanced-body{padding:18px}.advanced-flow{grid-template-columns:1fr}.advanced-flow span{border-inline-end:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:8px;min-height:43px}.advanced-flow span:last-child{border-bottom:0}.advanced-plan-head{flex-direction:column}.advanced-plan-head .advanced-status{align-self:flex-start}.advanced-modal .modal-actions{flex-wrap:wrap;padding:14px 18px}.advanced-actions .button-primary{flex:auto}.advanced-actions .modal-footnote{width:100%;margin:0 0 4px}}@media (prefers-reduced-motion:reduce){.advanced-modal .spin{animation:none}}.generation-output-settings{border:1px solid var(--line);background:var(--panel-soft);border-radius:10px;flex-wrap:wrap;gap:12px;margin:16px 0;padding:16px;display:flex}.generation-output-settings label{flex:140px;gap:6px;font-size:13px;font-weight:600;display:grid}.generation-output-settings select{width:100%;min-height:40px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:8px 10px}.generation-output-settings p{color:var(--muted);flex-basis:100%;margin:0;font-size:12px;line-height:1.65}.ai-fee-confirmation ul{overflow-wrap:anywhere;padding-inline-start:20px;font-size:13px;line-height:1.7}.modal.billing-modal{flex-direction:column;width:min(560px,100vw - 24px);max-height:min(760px,100dvh - 32px);display:flex;overflow:hidden}.billing-modal>.modal-heading{flex:none;padding:22px 24px 18px}.billing-modal-body{overscroll-behavior:contain;min-height:0;padding:20px 24px;overflow-y:auto}.billing-modal .billing-details{border:0;max-height:none;margin:0;padding:0;display:block;overflow:visible}.billing-modal p{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.6}.billing-overview{flex-direction:column;gap:12px;display:flex}.billing-credit-summary{border-bottom:1px solid var(--line);color:var(--muted);order:-3;justify-content:space-between;align-items:baseline;padding-bottom:16px;font-size:13px;display:flex}.billing-credit-summary strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:25px}.billing-modal .billing-packs{order:-2;grid-template-columns:1fr 1fr;gap:12px;display:grid}.billing-modal .billing-packs .button{text-align:start;border-radius:10px;flex-direction:column;align-items:flex-start;gap:8px;min-height:115px;padding:18px;display:flex}.billing-modal .billing-packs .button>svg{display:none}.billing-modal .billing-packs strong{font-size:26px;font-weight:650}.billing-modal .billing-packs .button:hover:not(:disabled){border-color:var(--accent);background:var(--panel-soft)}.billing-modal .billing-checkout{background:0 0;border:0;padding:0;display:block}.billing-modal .embedded-payment{min-height:240px}.billing-modal .checkout-recovery{background:var(--panel-soft);border-radius:8px;margin-top:14px;padding:12px}.billing-modal .billing-orders li{padding:12px 0;font-size:12px}.billing-modal .billing-details>details{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.billing-modal-footer{border-top:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.billing-modal-footer>span{color:var(--muted);max-width:240px;font-size:11px}@media (max-width:480px){.modal.billing-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.billing-modal-body{padding:16px}.billing-modal>.modal-heading{padding:18px 16px}.billing-modal-footer{padding:10px 16px}.billing-modal-footer>span{max-width:140px}.billing-modal .billing-packs .button{padding:14px}}.modal.billing-modal{z-index:73}.modal-backdrop.billing-backdrop{z-index:72;-webkit-backdrop-filter:none;backdrop-filter:none}.modal.billing-modal[hidden],.modal-backdrop.billing-backdrop[hidden]{display:none}.billing-nav{border-bottom:1px solid var(--line);flex:none;gap:8px;padding:10px 24px;display:flex}.billing-nav [aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.billing-pack-options{border:0;min-width:0;margin:0;padding:0}.billing-pack-options legend{margin-bottom:10px;font-size:13px;font-weight:600}.billing-pack{border:1px solid var(--line-strong);cursor:pointer;border-radius:10px;grid-template-columns:18px 1fr;align-items:center;gap:6px 8px;padding:16px;display:grid}.billing-pack input{accent-color:var(--accent);margin:0}.billing-pack:focus-within{outline:2px solid var(--accent);outline-offset:3px}.billing-pack.is-selected{border-color:var(--accent);background:var(--accent-soft)}.billing-pack-price{color:var(--muted);font-variant-numeric:tabular-nums;grid-column:2}.billing-pending{border:1px solid var(--line);background:var(--panel-soft);border-radius:10px;gap:8px;padding:16px;display:grid}.billing-pending strong{font-size:14px}.billing-pending p{margin:0}.billing-pending small{color:var(--muted);font-size:12px}.billing-pending .button{justify-self:start}.billing-success{background:var(--accent-soft);border-radius:10px;padding:24px;color:var(--ink)!important;font-size:18px!important}@media (max-width:480px){.billing-modal-footer{flex-wrap:wrap}.billing-modal-footer>.button-primary{width:100%}.billing-pack{padding:12px}}.billing-usage-guide{border-top:1px solid var(--line);padding-top:14px}.billing-usage-guide>strong{margin-bottom:8px;font-size:13px;display:block}.billing-usage-guide>p:last-child{margin-bottom:0}.modal.advanced-workspace{border-radius:12px;width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:none}.advanced-workspace>.modal-heading{align-items:center;padding:14px 22px}.advanced-workspace .modal-title{font-size:18px}.advanced-workspace .modal-description{margin-top:3px;font-size:12px}.studio-workflow{border-bottom:1px solid var(--line);background:var(--panel-soft);flex:none;align-items:center;gap:24px;padding:12px 22px;display:flex}.studio-workflow-step{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.studio-workflow-step>span{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.studio-workflow-step strong{font-weight:550}.studio-workflow-step.is-current{color:var(--accent)}.studio-workflow-step.is-current>span{color:var(--panel);background:var(--accent);border-color:var(--accent)}.studio-workflow-step.is-done>span{color:var(--accent);background:var(--accent-soft);border-color:#0000}.studio-workflow>small{color:var(--muted);margin-inline-start:auto;font-size:11px}.advanced-workspace .advanced-body{flex:1;min-height:0;padding:0 22px 18px}.studio-account-bar{border-bottom:1px solid var(--line);flex:none;align-items:flex-start;gap:16px;margin-bottom:16px;padding:6px 0;display:flex}.studio-account-bar .advanced-billing{border:0;flex:1;min-width:0;margin:0;padding:0}.studio-account-bar .billing-balance{gap:8px;min-height:34px}.studio-account-bar .billing-balance strong{font-variant-numeric:tabular-nums;font-size:12px}.studio-account-bar .billing-balance .button{min-height:28px;font-size:12px}.studio-account-bar .billing-details{border:1px solid var(--line);background:var(--panel);max-height:45dvh;padding:14px;overflow-y:auto}.studio-account-bar .advanced-account{border:0;max-width:260px;min-height:34px;margin:0;padding:0}.advanced-screen-review .advanced-body{flex-direction:column;display:flex;overflow-y:auto}.advanced-screen-review .studio-account-bar{margin-bottom:10px}.advanced-workspace .advanced-plan{flex:1 0 600px;gap:0;min-height:600px}.studio-plan-heading{flex:none;justify-content:space-between;align-items:center;gap:18px;padding-bottom:10px;display:flex}.studio-plan-heading h3{font-size:17px}.studio-plan-heading p{color:var(--muted);margin:3px 0 0;font-size:12px;line-height:1.5}.studio-plan-notes{flex:none;max-width:380px;font-size:12px;position:relative}.studio-plan-notes summary{cursor:pointer;color:var(--muted);padding:8px}.studio-plan-notes[open]{inset-inline-end:22px;z-index:4;background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:8px;max-height:45dvh;padding:14px;position:absolute;top:195px;overflow:auto}.studio-plan-notes li{margin:8px 0;line-height:1.6}.advanced-workspace .generation-output-settings{border-bottom:0;border-radius:8px 8px 0 0;flex:none;align-items:center;gap:18px;margin:0;padding:8px 12px}.advanced-workspace .generation-output-settings label{flex:none;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.advanced-workspace .generation-output-settings select{width:95px;min-height:30px;padding:4px 7px;font-size:12px}.advanced-workspace .generation-output-settings .studio-output-hint{flex:1;min-width:180px;font-size:11px;line-height:1.4}.advanced-workspace .plan-editor{border:1px solid var(--line);border-radius:0 0 8px 8px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.advanced-workspace .plan-editor-toolbar{border-bottom:1px solid var(--line);flex:none;gap:10px;margin:0;padding:8px 12px}.plan-editor-toolbar>strong{font-size:13px}.plan-editor-free{color:var(--muted);margin-inline-end:auto;font-size:11px}.plan-editor-toolbar .button{min-height:29px;padding:4px 8px;font-size:12px}.advanced-workspace .plan-editor-grid{flex:1;grid-template-columns:215px minmax(240px,1fr) 340px;gap:0;min-height:0}.plan-editor-rail{border-inline-end:1px solid var(--line);background:var(--panel);flex-direction:column;min-width:0;display:flex;overflow-y:auto}.plan-panel-title{justify-content:space-between;gap:8px;padding:14px 12px;font-size:12px;display:flex}.plan-panel-title span{color:var(--faint);font-size:10px}.advanced-workspace .plan-editor-list{gap:4px;padding:0 8px}.advanced-workspace .plan-editor-list button{background:0 0;border-color:#0000;border-radius:6px;grid-template-columns:24px minmax(0,1fr);padding:12px 8px;font-size:12px}.advanced-workspace .plan-editor-list button[aria-pressed=true]{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:inset 3px 0 var(--accent)}.plan-layer-index{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.plan-editor-list .plan-layer-incomplete{color:var(--error)}.plan-rail-footer{border-top:1px solid var(--line);gap:10px;margin-top:auto;padding:14px 12px;display:grid}.plan-rail-footer>small{color:var(--muted);font-size:11px;line-height:1.5}.plan-rail-footer .button{width:100%}.plan-editor-canvas{background:var(--canvas);flex-direction:column;min-width:0;min-height:0;display:flex}.plan-canvas-toolbar{background:var(--panel-soft);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.plan-canvas-toolbar strong{margin-inline-end:auto;font-weight:500}.plan-canvas-toolbar .button{min-height:28px;padding:4px 7px;font-size:11px}.plan-canvas-toolbar .button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.plan-zoom-actions{align-items:center;gap:3px;display:flex}.plan-canvas-viewport{flex:1;align-items:safe center;min-height:0;padding:32px;display:flex;overflow:auto}.plan-canvas-zoom{flex-shrink:0;margin:auto}.advanced-workspace .plan-editor-image{border-radius:0;max-width:none;margin:0;box-shadow:0 5px 22px #20242c1a}.advanced-workspace .plan-editor-image img{background:var(--canvas);height:auto}.plan-region{border:1px dashed color-mix(in srgb,var(--accent) 55%,transparent);cursor:pointer;background:0 0;padding:0;position:absolute}.plan-region>span{min-width:20px;min-height:20px;color:var(--panel);background:var(--accent);font-size:10px;line-height:1;font-family:var(--font-ui);place-items:center;display:grid;position:absolute;top:0;left:0}.plan-region.is-active{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.plan-region:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);border-style:solid}.plan-canvas-caption{color:var(--muted);background:var(--panel-soft);border-top:1px solid var(--line);font-variant-numeric:tabular-nums;flex:none;justify-content:space-between;gap:12px;padding:10px 12px;font-size:10px;display:flex}.advanced-workspace .plan-editor-fields{border-inline-start:1px solid var(--line);flex-direction:column;gap:15px;padding:16px;display:flex;overflow-y:auto}.plan-inspector-heading{flex-direction:column;gap:3px;display:flex}.plan-inspector-heading>span{color:var(--faint);letter-spacing:.08em;font-size:10px}.plan-inspector-heading>strong{font-size:14px}.plan-editor-fields .field{font-size:12px}.plan-preservation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.plan-preservation summary{cursor:pointer;color:var(--muted);padding:12px 0}.plan-preservation .field{margin-bottom:14px}.plan-editor-layer-actions{margin-top:auto}.studio-plan-status{color:var(--muted);flex:none;justify-content:space-between;gap:12px;padding:8px 0 0;font-size:11px;display:flex}.advanced-workspace .advanced-actions{background:var(--panel);flex:none;padding:12px 22px}.plan-mobile-switch{display:none}@media (max-width:1150px){.advanced-workspace .plan-editor-grid{grid-template-columns:180px minmax(200px,1fr) 300px}.plan-canvas-toolbar strong,.studio-workflow>small{display:none}.plan-canvas-viewport{padding:18px}}@media (max-width:900px){.advanced-workspace .plan-editor-grid{grid-template-columns:160px minmax(0,1fr)}.advanced-workspace .plan-editor-fields{border-inline-start:0;border-top:1px solid var(--line);grid-column:1/-1;max-height:40dvh}.advanced-workspace .plan-editor-grid{overflow-y:auto}.plan-editor-canvas{min-height:280px}.studio-account-bar .advanced-account{max-width:160px}}@media (max-width:600px){.advanced-workspace .advanced-plan{flex-basis:700px;min-height:700px}.modal.advanced-workspace{border-radius:0;width:100vw;height:100dvh}.advanced-workspace>.modal-heading{padding:12px 14px}.advanced-workspace .modal-description{display:none}.studio-workflow{gap:12px;padding:10px 14px;overflow-x:auto}.studio-workflow-step{gap:5px;font-size:11px}.studio-workflow-step>span{width:18px;height:18px;font-size:10px}.advanced-workspace .advanced-body{padding:0 12px 8px}.studio-account-bar{flex-wrap:wrap;gap:0}.studio-account-bar .advanced-account{width:100%;max-width:none;font-size:10px}.studio-account-bar .advanced-account .button{height:24px;min-height:24px}.studio-plan-heading h3{font-size:15px}.studio-plan-heading p{display:none}.studio-plan-heading{gap:5px}.studio-plan-notes{font-size:10px}.studio-plan-notes[open]{top:160px;max-width:calc(100vw - 24px);inset-inline-end:12px}.advanced-workspace .generation-output-settings{gap:8px;padding:6px}.advanced-workspace .generation-output-settings label{gap:5px;font-size:10px}.advanced-workspace .generation-output-settings select{width:65px}.advanced-workspace .generation-output-settings .studio-output-hint{display:none}.advanced-workspace .plan-editor-toolbar{gap:6px;padding:6px 8px}.plan-editor-free{display:none}.plan-editor-toolbar>div{gap:3px;margin-inline-start:auto}.plan-editor-toolbar .button{gap:4px;padding:3px 6px;font-size:10px}.plan-editor-toolbar .button svg{width:12px}.plan-mobile-switch{border-bottom:1px solid var(--line);gap:6px;padding:5px 8px;display:flex}.plan-mobile-switch .button{flex:1;min-height:28px;font-size:11px}.plan-mobile-switch .button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.advanced-workspace .plan-editor-grid{flex-direction:column;display:flex;overflow:hidden}.plan-editor-rail{border:0;flex:none}.plan-panel-title,.plan-rail-footer>small{display:none}.advanced-workspace .plan-editor-list{padding:6px;display:flex;overflow-x:auto}.plan-editor-list li{flex:0 0 145px}.advanced-workspace .plan-editor-list button{padding:8px;font-size:11px}.plan-editor-list small{font-size:10px}.plan-rail-footer{border:0;margin:0;padding:4px 8px 8px}.plan-rail-footer .button{min-height:27px;font-size:11px}.plan-editor-canvas{flex:1;min-height:0}.advanced-workspace .plan-editor-fields{flex:1;min-height:0;max-height:none}.plan-editor[data-mobile-view=canvas] .plan-editor-fields,.plan-editor[data-mobile-view=details] .plan-editor-canvas{display:none}.plan-canvas-viewport{padding:12px}.plan-canvas-caption{padding:6px;font-size:9px}.studio-plan-status{font-size:10px}.studio-plan-status>span:last-child:not(:first-child){display:none}.advanced-workspace .advanced-actions{gap:6px;padding:8px 12px}.advanced-workspace .advanced-actions .button{min-height:32px;padding:6px 9px;font-size:11px}}.studio-source-grid{grid-template-columns:minmax(280px,1fr) minmax(360px,480px);gap:32px;max-width:1280px;min-height:0;margin:24px auto;display:grid}.studio-source-panel{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.studio-source-preview{background:var(--canvas);min-height:220px;color:var(--muted);place-items:center;padding:32px;display:grid}.studio-source-preview img{object-fit:contain;max-width:100%;max-height:38dvh;display:block;box-shadow:0 4px 20px #20242c1a}.studio-source-panel>p{color:var(--muted);margin:12px 16px;font-size:12px;line-height:1.5}.studio-source-panel .advanced-consent{border-top:1px solid var(--line);gap:10px;padding:16px}.studio-source-panel .advanced-consent>p{margin:0;font-size:12px}.studio-source-panel .advanced-consent ul{max-height:180px;padding:0;list-style:none;overflow-y:auto}.studio-source-panel .advanced-consent li+li{margin-top:6px}.studio-source-controls .advanced-consent{gap:16px}.studio-source-controls .advanced-consent>p{margin:0;font-size:13px;line-height:1.5}.studio-source-controls .advanced-consent>h3{font-size:22px}@media (max-width:800px){.studio-source-grid{grid-template-columns:1fr;gap:20px;margin:16px 0}.studio-source-preview{min-height:100px;padding:14px}.studio-source-preview img{max-height:190px}}.studio-completed-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:28px;max-width:1440px;margin:22px auto;display:grid}.studio-completed-grid .advanced-complete{text-align:start;align-items:flex-start;padding:24px 10px}.studio-result-preview{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;min-width:0;overflow:hidden}.studio-result-canvas{background-color:var(--panel);background-image:conic-gradient(var(--checker) 25%,transparent 0 50%,var(--checker) 0 75%,transparent 0);background-size:18px 18px;place-items:center;min-height:220px;padding:20px;display:grid}.studio-result-canvas>img,.studio-result-stack{object-fit:contain;width:min(100%,650px);max-height:48dvh}.studio-result-stack{display:grid}.studio-result-stack>img{object-fit:contain;grid-area:1/1;width:100%;max-height:48dvh}.studio-result-canvas.is-actual-size{place-items:start;height:48dvh;min-height:220px;display:block;overflow:auto}.studio-result-canvas.is-actual-size>img{width:auto;max-width:none;max-height:none;display:block}.studio-result-canvas.is-actual-size .studio-result-stack,.studio-result-canvas.is-actual-size .studio-result-stack>img{max-width:none;max-height:none}.studio-result-toggles{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px;padding:14px;font-size:12px;display:flex}.studio-result-toggles label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.studio-result-preview>p{color:var(--muted);margin:0;padding:0 14px 12px;font-size:12px;line-height:1.6}@media (max-width:800px){.studio-completed-grid{grid-template-columns:1fr;gap:12px}.studio-completed-grid .advanced-complete{padding:12px}}@media (max-width:600px){.studio-account-bar{flex-direction:column;align-items:stretch}.studio-account-bar .advanced-billing{flex:none;width:100%}.studio-account-bar .billing-balance{flex-wrap:nowrap;gap:5px}.studio-account-bar .billing-balance strong{white-space:nowrap;font-size:11px}.studio-account-bar .billing-balance .button{padding-inline:4px;font-size:10px}.advanced-screen-review .advanced-actions>.button:first-child{display:none}}.enhancement-modal{width:min(840px,100vw - 24px)}.enhancement-body{color:var(--ink);padding:20px 24px;overflow:auto}.enhancement-body p{margin:0 0 16px;line-height:1.65}.enhancement-settings{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.enhancement-settings label{align-items:center;gap:8px;display:flex}.enhancement-settings select{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:6px;padding:8px}.enhancement-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.enhancement-compare figure{min-width:0;margin:0}.enhancement-compare figcaption{margin:0 0 8px;font-weight:600}.enhancement-compare img{object-fit:contain;background:repeating-conic-gradient(#dedee3 0% 25%,#f3f3f5 0% 50%) 0/16px 16px;border-radius:8px;width:100%;max-height:320px}.enhancement-error{color:var(--error)}@media (max-width:600px){.enhancement-body{padding:16px}.enhancement-compare{grid-template-columns:1fr}.enhancement-compare img{max-height:240px}}.analytics-banner{z-index:70;inset-inline:20px;border:1px solid var(--line-strong);background:var(--panel);max-width:920px;color:var(--ink);border-radius:12px;align-items:center;gap:24px;margin-inline:auto;padding:20px 22px;display:flex;position:fixed;bottom:20px;box-shadow:0 10px 48px #00000020}.analytics-copy{align-items:flex-start;gap:13px;min-width:0;display:flex}.analytics-copy>svg{color:var(--accent);margin-top:2px}.analytics-copy h2{font-family:var(--font-display);margin:0 0 5px;font-size:15px;font-weight:650}.analytics-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.analytics-privacy-link{text-underline-offset:3px;color:var(--ink);text-decoration:underline}.analytics-actions{flex-shrink:0;gap:8px;display:flex}.analytics-actions .button{min-height:40px}.analytics-settings-link{appearance:none;color:inherit;font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;padding:0}.analytics-settings-link:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.site-footer nav:has(.analytics-settings-link){flex-wrap:wrap}.analytics-settings-body{gap:18px;padding:22px 26px;font-size:14px;display:grid}.analytics-current{color:var(--muted);align-items:center;gap:9px;display:flex}.analytics-current svg{color:var(--accent)}.analytics-modal .modal-actions{justify-content:space-between}.analytics-modal .modal-actions>.button{white-space:normal}@media (max-width:760px){.analytics-banner{inset-inline:12px;bottom:max(12px, env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:16px;padding:17px}.analytics-actions .button{white-space:normal;flex:1 1 0;min-height:44px}.analytics-actions{width:100%}.analytics-copy{gap:10px}.analytics-settings-body{padding:18px}}.layering-case{max-width:1240px;margin:64px auto 0;padding:0 24px;scroll-margin-top:24px}.case-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.case-eyebrow{letter-spacing:.15em;color:var(--muted);font-size:11px;font-weight:700}.case-heading h2{letter-spacing:-.035em;margin:10px 0;font-size:clamp(24px,3vw,38px);line-height:1.15}.case-heading p{max-width:650px;color:var(--muted);font-size:14px;line-height:1.7}.case-tag{color:var(--muted);border:1px solid var(--line);border-radius:20px;flex-shrink:0;padding:8px 12px;font-size:11px}.case-grid{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);display:grid;overflow:hidden}.case-stage{background-color:#f0f0f0;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;align-self:start;min-width:0;position:relative}.case-stage>img,.case-stage>canvas{aspect-ratio:1;width:100%;height:auto;display:block}.case-start{justify-content:center;display:flex;position:absolute;inset:auto 0 24px}.case-tabs{z-index:1;background:#fffffff2;border-radius:8px;gap:3px;padding:4px;display:flex;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 2px 12px #0001}.case-tabs button{font:inherit;color:#524e5b;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;padding:8px 4px;font-size:11px}.case-tabs button[aria-pressed=true]{color:#fff;background:#30283f}.case-controls{padding:clamp(20px,3vw,36px)}.case-controls h3{letter-spacing:-.02em;margin:0 0 12px;font-size:20px}.case-controls>p{color:var(--muted);font-size:13px;line-height:1.75}.case-layer-list{margin:24px 0;padding:0;list-style:none}.case-layer-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:10px 0;font-size:13px;display:flex}.case-layer-list label{cursor:pointer;align-items:center;gap:10px;display:flex}.case-layer-list input{accent-color:var(--accent);width:15px;height:15px}.case-layer-list button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;font-size:11px}.case-actions{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.case-controls .case-caveat{border-top:1px solid var(--line);padding-top:16px;font-size:11px}@media (max-width:760px){.layering-case{margin-top:40px;padding:0 14px}.case-heading{flex-direction:column;align-items:start;gap:4px}.case-grid{grid-template-columns:minmax(0,1fr)}.case-controls{padding:22px}}:root{--page:#f3f4f6;--panel:#fff;--panel-soft:#f8f9fb;--canvas:#e1e3e6;--ink:#20242c;--muted:#626b79;--faint:#89909c;--line:#e5e7ed;--line-strong:#d2d6e0;--accent:#5753d6;--accent-hover:#4844bf;--accent-soft:#eeedfc;--warning:#886127;--warning-bg:#fcf6e9;--error:#b64e50;--checker:#edf0f3;--shadow:0 8px 30px #20242c09;--font-ui:"Source Sans 3 Variable", "Source Sans 3", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-display:"Manrope Variable", "Manrope", "Noto Sans CJK SC", "PingFang SC", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-ui);color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{--page:#17181d;--panel:#22242b;--panel-soft:#282b33;--canvas:#30323b;--ink:#f0f1f5;--muted:#b2b6c3;--faint:#868d9d;--line:#343741;--line-strong:#494d5b;--accent:#a5a1ff;--accent-hover:#bbb8ff;--accent-soft:#34324c;--warning:#e4bd77;--warning-bg:#3a3225;--error:#f29c9e;--checker:#363943;--shadow:0 8px 30px #00000017;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:82px}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button,input,select{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.42}[hidden]{display:none!important}svg{flex:none}::selection{background:var(--accent-soft);color:var(--accent)}input:not([type=range]):not([type=checkbox]):not([type=color]),select{border:1px solid var(--line-strong);background:var(--panel);width:100%;min-width:0;height:38px;color:var(--ink);border-radius:7px;padding:7px 10px;font-size:14px;transition:border-color .12s}input[type=number]{font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;height:20px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}input:focus,select:focus{border-color:var(--accent)}.button{border:1px solid var(--line-strong);background:var(--panel);min-height:36px;color:var(--ink);white-space:nowrap;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:14px;font-weight:550;line-height:1.25;transition:background .13s,border-color .13s,color .13s;display:inline-flex}.button:hover:not(:disabled){background:var(--panel-soft);border-color:var(--faint)}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{background:var(--accent);border-color:var(--accent);color:#fff}.button-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}[data-theme=dark] .button-primary{color:#1c1940}.button-quiet{color:var(--muted);background:0 0;border-color:#0000}.button-quiet:hover:not(:disabled){background:var(--panel-soft);color:var(--ink);border-color:#0000}.button-icon{width:36px;padding:7px}.button-danger{color:var(--error)}.button.is-active,.button[aria-pressed=true].is-active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.skip-link{z-index:150;inset-inline-start:16px;background:var(--accent);color:#fff;border-radius:6px;padding:12px;position:fixed;top:-60px}.skip-link:focus{top:10px}.site-header{z-index:30;border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:24px;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:-1.1px;align-items:center;gap:9px;font-size:24px;font-weight:800;display:inline-flex}.brand-icon{border:1px solid var(--line-strong);background:var(--panel);width:34px;height:34px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.brand-dot{color:var(--accent)}.brand-caption{color:var(--muted);border-inline-start:1px solid var(--line);padding-inline-start:24px;font-size:13px}.site-header-right{align-items:center;gap:12px;margin-inline-start:auto;display:flex}.privacy-pill{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.privacy-pill svg{color:#56846e}.header-help{color:var(--muted);padding:8px;font-size:14px}.header-help:hover{color:var(--accent)}.locale-switch{color:var(--muted);align-items:center;gap:5px;display:flex;position:relative}.locale-switch select{appearance:none;background:0 0;border:0;width:90px;padding:4px 16px 4px 2px;font-size:13px}.locale-switch>svg:last-child{pointer-events:none;position:absolute;inset-inline-end:0}main{max-width:1840px;margin:0 auto;padding:0 28px}.tool-heading{justify-content:space-between;align-items:center;gap:20px;padding:25px 2px 20px;display:flex}.tool-heading h1{font-family:var(--font-display);letter-spacing:-.8px;margin:0;font-size:clamp(21px,2vw,28px);font-weight:650;line-height:1.3}.heading-actions{gap:10px;display:flex}.workspace{background:var(--panel);border:1px solid var(--line-strong);height:max(500px,100dvh - 196px);max-height:1000px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.document-toolbar{border-bottom:1px solid var(--line);background:var(--panel);flex:none;justify-content:space-between;align-items:center;gap:16px;height:62px;padding:10px 16px;display:flex}.document-name{align-items:center;gap:10px;min-width:0;display:flex}.document-name>svg{color:var(--muted)}.document-name>div{flex-direction:column;gap:1px;min-width:0;display:flex}.document-name strong{text-overflow:ellipsis;white-space:nowrap;max-width:380px;font-size:14px;font-weight:600;overflow:hidden}.document-name div>span{color:var(--faint);font-size:11px}.demo-badge{color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:3px 6px;font-size:10px;font-weight:600}.document-actions{align-items:center;gap:4px;display:flex}.document-actions>.button-primary{margin-inline-start:8px}.toolbar-divider{background:var(--line);width:1px;height:20px;margin:0 6px}.workspace-grid{flex:1;grid-template-columns:238px minmax(0,1fr) 218px;min-height:0;display:grid}.desktop-layers{border-inline-end:1px solid var(--line);min-height:0}.desktop-properties{border-inline-start:1px solid var(--line);min-height:0;overflow:auto}.layer-panel{background:var(--panel);flex-direction:column;height:100%;min-height:0;display:flex}.panel-heading{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:49px;padding:0 16px;display:flex}.panel-heading h2{align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.panel-heading h2 svg{color:var(--muted)}.count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.layer-search{border:1px solid var(--line);color:var(--faint);border-radius:6px;align-items:center;margin:11px 12px 8px;padding-inline-start:9px;display:flex}.layer-search input{background:0 0!important;border:0!important;height:32px!important;padding-inline-start:7px!important;font-size:13px!important}.layer-search .button{width:28px;height:28px;min-height:28px}.layer-list{scrollbar-width:thin;flex:1;padding:3px 6px 16px;overflow:auto}.layer-row{min-height:58px;border:1px solid #0000;border-radius:6px;align-items:center;margin-bottom:3px;padding-inline-start:calc(var(--depth,0) * 12px);display:flex;position:relative}.layer-row:hover{background:var(--panel-soft)}.layer-row.is-selected{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 22%, transparent)}.layer-row.is-selected:before{content:"";inset-inline-start:-1px;background:var(--accent);border-radius:2px;width:2px;position:absolute;top:14px;bottom:14px}.layer-row.is-hidden .layer-thumb{opacity:.4}.layer-row.is-hidden .layer-label{color:var(--muted)}.layer-eye{color:var(--muted);width:28px;min-height:32px;padding:5px}.layer-select{min-width:0;color:var(--ink);text-align:start;background:0 0;border:0;flex:1;align-items:center;gap:9px;padding:6px 3px;display:flex}.layer-thumb{border:1px solid var(--line-strong);width:36px;height:36px;color:var(--muted);background-color:var(--panel);border-radius:5px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.layer-thumb canvas{width:36px;height:36px}.layer-row.is-selected .layer-thumb{border-color:var(--accent)}.layer-label{flex-direction:column;gap:3px;min-width:0;display:flex}.layer-label strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:550;overflow:hidden}.layer-label small{color:var(--faint);font-size:10px}.layer-expand{width:24px;min-height:30px;padding:3px}.layer-panel-note{border-top:1px solid var(--line);color:var(--faint);align-items:center;gap:6px;padding:13px 16px;font-size:11px;line-height:1.4;display:flex}.local-dot{background:#7ba58a;border-radius:100%;flex:none;width:5px;height:5px}.panel-empty{color:var(--muted);text-align:center;padding:20px 12px;font-size:13px}.properties-panel{background:var(--panel);min-height:100%}.property-empty{text-align:center;color:var(--faint);flex-direction:column;align-items:center;gap:12px;padding:56px 22px;display:flex}.property-empty strong{color:var(--muted);font-size:14px;font-weight:500}.property-empty p{margin:0;font-size:13px;line-height:1.5}.property-layer{align-items:center;gap:10px;padding:18px 16px 0;display:flex}.property-layer>div{flex-direction:column;gap:3px;display:flex}.property-layer strong{font-size:13px;font-weight:550}.property-layer span:not(.layer-thumb){color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px}.property-section{border-bottom:1px solid var(--line);padding:18px 16px}.field{flex-direction:column;gap:8px;min-width:0;font-size:13px;display:flex}.field>span{color:var(--muted);font-weight:550}.property-label{color:var(--muted);margin:20px 0 9px;font-size:12px;font-weight:550}.property-section>.property-label:first-child{margin-top:0}.property-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;display:grid}.axis-input{align-content:start;gap:4px;min-width:0;display:grid}.axis-input span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.axis-input input{font-variant-numeric:tabular-nums;min-width:0;padding-inline:10px!important}.opacity-label{color:var(--muted);justify-content:space-between;margin:20px 0 9px;font-size:12px;display:flex}.opacity-label span{font-variant-numeric:tabular-nums;color:var(--ink)}.opacity-label small{color:var(--faint);margin-inline-start:3px}.opacity-slider{margin:0}.property-actions{gap:7px;margin-bottom:9px;display:flex}.property-actions>.button{white-space:normal;text-align:start;flex:1 1 0;gap:4px;min-width:0;padding:7px 6px;font-size:12px}.property-wide{white-space:normal;text-align:start;justify-content:flex-start;width:100%;margin-top:6px;padding-inline:8px;font-size:12px}.property-wide.button-quiet{color:var(--muted)}.property-wide.button-quiet:hover{color:var(--error)}.property-warning{color:var(--muted);padding:15px;font-size:12px}.center-workspace{flex-direction:column;min-width:0;min-height:0;display:flex}.image-toolbar{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:49px;padding:6px 10px;display:flex}.document-tools,.preview-tools{align-items:center;gap:2px;display:flex}.document-tools .button{padding:7px 9px;font-size:12px}.preview-tools .button{font-size:12px}.background-swatch{border:1px solid var(--faint);background:linear-gradient(90deg,#fff 50%,#383b42 50%);border-radius:100%;width:14px;height:14px}.background-swatch.dark{transform:rotate(180deg)}.canvas-panel{flex-direction:column;flex:1;min-height:0;display:flex}.canvas-tools{background:var(--panel-soft);border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:42px;padding:4px 10px;display:flex}.tool-toggle{gap:2px;display:flex}.tool-toggle .button{width:31px;height:30px;min-height:30px}.canvas-mode-label{color:var(--faint);font-size:11px}.fit-button{min-height:29px;padding:5px 8px;font-size:12px}.canvas-stage{touch-action:none;cursor:default;direction:ltr;background:#e1e3e6;flex:1;min-height:0;position:relative;overflow:hidden}.canvas-backdrop-dark{background:#353740}.canvas-stage.is-panning{cursor:grab}.canvas-stage.is-panning:active{cursor:grabbing}.artboard{transform-origin:50%;background-color:#fff;position:absolute;top:50%;left:50%;box-shadow:0 6px 20px #0000001a,0 0 0 1px #00000006}.checker{background-image:linear-gradient(45deg, var(--checker) 25%, transparent 25%), linear-gradient(-45deg, var(--checker) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker) 75%), linear-gradient(-45deg, transparent 75%, var(--checker) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.artboard-image{pointer-events:none;width:100%;height:100%;display:block}.original-image{object-fit:contain;position:absolute;inset:0}.is-invisible{visibility:hidden}.layer-selection{border:calc(1px * var(--inverse-zoom)) solid #7065ff;pointer-events:none;position:absolute}.layer-selection i{width:calc(5px * var(--inverse-zoom));height:calc(5px * var(--inverse-zoom));border:calc(1px * var(--inverse-zoom)) solid #7065ff;background:#fff;position:absolute;transform:translate(-50%,-50%)}.layer-selection i:first-child{top:0;left:0}.layer-selection i:nth-child(2){top:0;left:100%}.layer-selection i:nth-child(3){top:100%;left:0}.layer-selection i:nth-child(4){top:100%;left:100%}.canvas-notice{background:var(--panel);max-width:calc(100% - 30px);color:var(--muted);box-shadow:var(--shadow);border-radius:6px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.canvas-notice.is-error{color:var(--error)}.canvas-bottom{border-top:1px solid var(--line);background:var(--panel-soft);flex:none;justify-content:space-between;align-items:center;gap:8px;height:38px;padding:0 10px;display:flex}.canvas-dimensions{font-variant-numeric:tabular-nums;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.canvas-dimensions>span{color:var(--faint)}.zoom-controls{direction:ltr;align-items:center;display:flex}.zoom-controls .button{min-width:30px;height:27px;min-height:27px;padding:4px 6px;font-size:11px}.zoom-controls .button-icon{width:28px}.canvas-empty{text-align:center;color:#626b79;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:24px;display:flex}.canvas-empty h2{font-size:22px;font-family:var(--font-display);color:#303541;letter-spacing:-.6px;margin:6px 0 0}.canvas-empty p{max-width:330px;margin:0 0 10px;font-size:14px;line-height:1.6}.empty-art{color:#626b79;background:#ffffff60;border:1px solid #cbd0da;border-radius:18px;place-items:center;width:76px;height:76px;display:grid}.canvas-backdrop-dark .canvas-empty{color:#bbc0cf}.canvas-backdrop-dark .canvas-empty h2{color:#f0f1f5}.compatibility-banner{background:var(--warning-bg);color:var(--warning);border-bottom:1px solid color-mix(in srgb, var(--warning) 18%, transparent);align-items:center;gap:7px;padding:6px 10px;font-size:12px;display:flex}.compatibility-banner>span{flex:1}.compatibility-banner .button{min-height:25px;color:inherit;padding:2px 5px;font-size:11px}.mobile-toolbar{display:none}.drop-overlay{z-index:20;background:color-mix(in srgb, var(--panel) 93%, transparent);border:2px dashed var(--accent);pointer-events:none;border-radius:9px;place-items:center;display:grid;position:absolute;inset:5px}.drop-overlay>div{color:var(--accent);text-align:center;flex-direction:column;align-items:center;gap:15px;display:flex}.drop-overlay strong{font-family:var(--font-display);font-size:26px}.drop-overlay span{color:var(--muted);font-size:14px}.import-overlay{z-index:25;background:color-mix(in srgb, var(--panel) 93%, transparent);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.import-overlay strong{font-weight:500}.workspace-under{color:var(--faint);justify-content:space-between;align-items:center;gap:16px;padding:12px 2px 0;font-size:11px;display:flex}.workspace-under>span{align-items:center;gap:5px;display:flex}.page-content{max-width:1040px;color:var(--muted);margin:70px auto;font-size:16px;line-height:1.75}.page-content>h2,.page-content>h1{color:var(--ink);font-family:var(--font-display);letter-spacing:-.8px;margin:0 0 15px;font-size:29px;font-weight:650;line-height:1.3}.content-intro{max-width:750px;font-size:17px}.content-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 55px;margin-top:36px;display:grid}.content-sections h2{color:var(--ink);font-size:18px;font-weight:600;line-height:1.4}.content-sections p{margin:10px 0}.faq-list{border-top:1px solid var(--line-strong);margin-top:40px}.faq-list details{border-bottom:1px solid var(--line-strong)}.faq-list summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;font-size:16px;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list p{max-width:800px;margin:0 0 24px}.related-tools{flex-wrap:wrap;gap:10px 20px;margin-top:35px;font-size:13px;display:flex}.related-tools a:hover{color:var(--accent)}.info-content{max-width:820px;min-height:60vh;margin:55px auto 90px}.info-content .content-sections{display:block}.info-content section{margin-top:35px}.back-link{color:var(--accent);margin-bottom:25px;font-size:14px;display:inline-flex}.site-footer{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;align-items:center;gap:14px 25px;padding:27px 32px;font-size:12px;display:flex}.footer-brand{font-family:var(--font-display);color:var(--muted);letter-spacing:-.6px;font-size:18px;font-weight:750}.site-footer nav{gap:20px;margin-inline-start:auto;display:flex}.site-footer a:hover{color:var(--accent)}.workspace-presented .site-header,.workspace-presented .tool-heading,.workspace-presented .workspace-under,.workspace-presented .page-content,.workspace-presented .site-footer{display:none}.workspace-presented main{max-width:none;padding:0}.workspace-presented .workspace{z-index:40;border:0;border-radius:0;height:100dvh;max-height:none;position:fixed;inset:0}.workspace-scroll-lock{overflow:hidden}.notification{z-index:95;border:1px solid var(--line-strong);background:var(--panel);border-radius:9px;align-items:center;gap:10px;max-width:min(600px,100vw - 28px);padding:10px 10px 10px 15px;font-size:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #20242c20}.notification>span{overflow-wrap:anywhere;min-width:0;line-height:1.45}.notification>svg{color:#56846e}.notification-error>svg{color:var(--error)}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14172375;transition:opacity .16s;position:fixed;inset:0}.modal{z-index:71;background:var(--panel);border:1px solid var(--line);width:min(520px,100vw - 32px);max-height:min(90dvh,900px);color:var(--ink);border-radius:14px;outline:none;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 90px #00000030}.modal-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:23px 24px 19px;display:flex}.modal-heading>div{min-width:0}.modal-title{font-family:var(--font-display);letter-spacing:-.5px;margin:0;font-size:20px;font-weight:650;line-height:1.4}.modal-description{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.6}.modal-heading>.button{margin:-5px -7px 0 0}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:9px;padding:18px 24px;display:flex}.modal-footnote{color:var(--faint);flex:1;margin-inline-end:10px;font-size:11px;display:block}.export-modal{width:min(780px,100vw - 32px)}.export-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;padding:24px;display:grid}.export-preview{border:1px solid var(--line);background-color:var(--panel-soft);border-radius:7px;justify-content:center;align-items:center;height:225px;padding:18px;display:flex;position:relative;overflow:hidden}.preview-canvas{object-fit:contain;width:100%;height:auto;max-height:100%;display:block}.export-preview-label{color:var(--faint);justify-content:space-between;margin-top:9px;font-size:11px;display:flex}.export-format-summary{color:var(--muted);align-items:flex-start;gap:10px;margin-top:28px;display:flex}.export-format-summary svg{color:var(--accent)}.export-format-summary strong{color:var(--ink);font-size:13px;font-weight:600}.export-format-summary p{margin:5px 0 0;font-size:12px;line-height:1.65}.export-settings{flex-direction:column;gap:20px;display:flex}.format-options{flex-wrap:wrap;gap:5px;display:flex}.format-options .button{min-height:33px;padding:6px 9px;font-size:12px}.color-field{border:1px solid var(--line-strong);border-radius:7px;align-items:center;gap:10px;padding:5px;font-size:12px;display:flex}.color-field input[type=color]{cursor:pointer;background:0 0;border:0;width:30px;height:26px;padding:0}.inline-notice{border:1px solid color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning);background:var(--warning-bg);border-radius:6px;align-items:flex-start;gap:7px;padding:10px;display:flex}.inline-notice p{margin:0;font-size:12px;line-height:1.55}.inline-notice svg{margin-top:2px}.dialog-error{background:color-mix(in srgb, var(--error) 8%, var(--panel));border:1px solid color-mix(in srgb, var(--error) 18%, transparent);color:var(--error);border-radius:6px;align-items:flex-start;gap:8px;margin:0 24px 18px;padding:12px;font-size:13px;line-height:1.5;display:flex}.dialog-error svg{margin-top:1px}.export-result{background:var(--panel-soft);border-radius:7px;align-items:center;gap:10px;margin:0 24px 20px;padding:12px;display:flex}.export-result>svg{color:#56846e}.export-result>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.export-result strong{font-size:12px;font-weight:550}.export-result span{color:var(--muted);word-break:break-all;font-size:11px}.export-result .button{font-size:12px}.dimensions-preview{background-color:var(--panel-soft);border:1px solid var(--line);border-radius:7px;margin:22px 24px;padding:16px;overflow:hidden}.dimensions-preview-inner{width:-moz-fit-content;width:fit-content;max-height:230px;margin:auto;position:relative}.dimensions-preview .preview-canvas{width:auto;max-width:100%;max-height:230px}.crop-outline{pointer-events:none;background:linear-gradient(#0000 33%,#ffffff60 33% calc(33% + 1px),#0000 calc(33% + 1px) 66%,#ffffff60 66% calc(66% + 1px),#0000 calc(66% + 1px));border:2px solid #fff;outline:1px solid #5753d6;position:absolute;box-shadow:0 0 0 400px #00000050}.dimensions-fields{flex-direction:column;gap:16px;margin:20px 24px 24px;display:flex}.check-field{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.field-error{color:var(--error);margin:0;font-size:13px}.warnings-content{max-height:50vh;padding:10px 24px 20px;overflow:auto}.warnings-content p{color:var(--muted);overflow-wrap:anywhere;align-items:flex-start;gap:8px;font-size:13px;line-height:1.7;display:flex}.warnings-content svg{margin-top:3px}.drawer-modal{width:min(420px,100vw - 24px)}.drawer-modal>.layer-panel{height:min(65dvh,600px)}.drawer-modal>.properties-panel{min-height:0;max-height:65dvh;overflow:auto}.drawer-modal .panel-heading{display:none}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1600px){.workspace-grid{grid-template-columns:260px minmax(0,1fr) 240px}.document-name strong{max-width:550px}}@media (max-width:1200px){.brand-caption{display:none}.workspace-grid{grid-template-columns:218px minmax(0,1fr) 200px}.property-section{padding-inline:12px}.property-actions{flex-direction:column}.property-actions>.button{justify-content:flex-start}.document-name strong{max-width:230px}}@media (max-width:1040px){.workspace-grid{grid-template-columns:215px minmax(0,1fr)}.desktop-properties{display:none}.mobile-toolbar{border-top:1px solid var(--line);background:var(--panel);justify-content:flex-end;padding:5px 12px;display:flex}.mobile-toolbar>.button:first-child{display:none}.mobile-toolbar>.button{font-size:12px}.workspace{height:max(530px,100dvh - 196px)}}@media (max-width:760px){html{scroll-padding-top:72px}.site-header{gap:12px;height:60px;padding:0 16px}.brand{gap:7px;font-size:23px}.brand-icon{width:31px;height:31px}.site-header-right{gap:3px}.header-help,.privacy-pill{display:none}.locale-switch select{width:78px;font-size:12px}.locale-switch>svg:first-child{display:none}main{padding:0 12px}.tool-heading{flex-direction:column;align-items:flex-start;gap:12px;padding:19px 3px 14px}.tool-heading h1{letter-spacing:-.65px;font-size:23px}.heading-actions{justify-content:space-between;gap:8px;width:100%}.heading-actions .button{min-height:38px;font-size:13px}.workspace{border-radius:10px;height:max(520px,100dvh - 220px)}.workspace-grid{display:flex}.center-workspace{flex:1;width:100%}.desktop-layers,.desktop-properties{display:none}.document-toolbar{gap:6px;height:60px;padding:8px 10px}.document-name{gap:7px}.document-name>svg{display:none}.document-name strong{max-width:min(190px,100vw - 215px);font-size:13px}.document-name div>span{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:10px;overflow:hidden}.demo-badge{display:none}.document-actions{gap:0}.document-actions .button-icon{width:31px;height:36px;padding:6px}.document-actions>.button-primary{margin-inline-start:5px;padding:8px 10px;font-size:13px}.add-images-button{border-color:#0000;width:32px;padding:7px}.add-images-button>span,.toolbar-divider{display:none}.image-toolbar{padding:5px 7px}.document-tools .button{padding:7px}.document-tools .portrait-tool,.document-tools .advanced-tool{width:36px;padding:7px}.document-tools .portrait-tool>span,.document-tools .advanced-tool>span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preview-tools .button{width:auto;min-width:30px;padding:6px}.fullscreen-button{display:none}.canvas-tools{height:39px}.mobile-toolbar{justify-content:space-between;min-height:49px;padding:4px 12px;display:flex}.mobile-toolbar>.button:first-child{display:inline-flex}.mobile-toolbar>.button{gap:8px;min-height:40px;font-size:13px}.workspace-under{align-items:flex-start;padding:10px 2px;font-size:10px}.workspace-under>span:last-child{display:none}.canvas-notice{width:max-content;padding:7px 9px;font-size:11px;bottom:12px}.canvas-dimensions{font-size:10px}.page-content{margin:40px 8px 45px;font-size:15px}.page-content>h2,.page-content>h1{font-size:24px}.content-intro{font-size:16px}.content-sections{grid-template-columns:1fr;gap:12px;margin-top:25px}.content-sections h2{font-size:17px}.related-tools{font-size:12px}.site-footer{gap:13px 20px;padding:22px 20px;font-size:11px}.site-footer nav{gap:20px;width:100%;margin:0}.notification{width:calc(100vw - 28px);padding:9px 7px 9px 12px;font-size:13px;bottom:14px}.modal{width:calc(100vw - 24px);max-height:92dvh}.modal-heading{gap:10px;padding:19px 18px 16px}.modal-title{font-size:18px}.modal-description{font-size:13px}.modal-actions{flex-wrap:wrap;padding:15px 18px}.modal-footnote{display:none}.export-layout{grid-template-columns:1fr;gap:21px;padding:18px}.export-preview-column{grid-template-columns:110px 1fr;gap:6px 14px;display:grid}.export-preview{grid-row:span 2;height:98px;padding:8px;position:relative}.export-preview-label{justify-content:flex-start;align-items:flex-start;gap:12px;margin:0}.export-format-summary{gap:8px;margin:0}.export-format-summary p{margin:3px 0 0;font-size:11px}.export-format-summary svg{width:16px;height:16px}.export-settings{gap:17px}.export-result{flex-wrap:wrap;margin:0 18px 15px}.export-result .button{margin-inline-start:auto}.dimensions-preview,.dimensions-fields{margin:18px}.field input:not([type=range]):not([type=checkbox]):not([type=color]),.field select,.axis-input input{min-height:42px;font-size:16px}.drawer-modal{width:100%;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;top:auto;bottom:0;left:0;transform:none}.drawer-modal .layer-row{min-height:58px}.drawer-modal .layer-eye{width:44px;min-height:44px}.drawer-modal .layer-select{min-height:44px}.drawer-modal .property-actions{flex-direction:row}.drawer-modal .property-wide{min-height:44px;font-size:14px}.drawer-modal .property-section{padding:18px 22px}.drawer-modal .property-layer{padding-inline:22px}.drawer-modal .property-grid{gap:12px}.workspace-presented .workspace{border-radius:0;height:100dvh}}@media (max-width:370px){.site-header{padding-inline:12px}.tool-heading h1{font-size:21px}.document-actions>.button-primary>span{display:none}.document-name strong{max-width:110px}.heading-actions .button{padding-inline:8px;font-size:12px}.document-tools .button{gap:4px;padding:6px;font-size:11px}.document-tools .button svg{width:14px}.document-tools .button{width:34px;min-width:34px}.document-tools .button>span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.compatibility-banner{font-size:11px}.compatibility-banner .button{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.region-selection{touch-action:none;cursor:crosshair;width:100%;position:relative;overflow:hidden}.region-selection canvas{pointer-events:none;width:100%;height:100%;display:block}.region-selection .crop-outline{pointer-events:none;border:2px solid #2563eb}.region-target{pointer-events:none;border:2px dashed #16845a;position:absolute}.region-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.region-modal fieldset{border:1px solid var(--line-strong);border-radius:8px;min-width:0;margin:12px 0;padding:12px}.region-modal p{color:var(--muted);font-size:13px}@media (max-width:480px){.region-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.region-modal .region-selection{margin:16px auto}.region-modal>p,.region-modal>fieldset{margin-left:20px;margin-right:20px}.color-field .color-hex{width:100px;min-width:0;font:inherit;background:0 0;border:0;flex:1;padding:3px}.color-field .color-hex[aria-invalid=true]{outline:1px solid}.preview-status{inset-inline:8px;z-index:2;border:1px solid var(--line);background:var(--panel);color:var(--text);text-align:center;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex;position:absolute;bottom:8px}.source-text-modal{width:min(760px,100vw - 24px)}.source-text-body{min-width:0;padding:0 20px 20px}.source-text-body .field{min-width:0}.source-text-body input{min-width:0;max-width:100%}.source-text-body .region-selection{max-width:100%}.source-text-body .modal-actions{padding-inline:0}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-ext-wght-normal-C8S-KRRz.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-cyrillic-ext-wght-normal-c-5QAGAI.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-cyrillic-wght-normal-BMDVbyM7.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-greek-ext-wght-normal-BXZfsJY4.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-greek-wght-normal-Cc-u-6OI.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-vietnamese-wght-normal-BDs68eHQ.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-latin-ext-wght-normal-C8iNium2.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-latin-wght-normal-Bo_j9asI.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}