:root{color:#1c2633;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1c2633;--ink-soft:#5d6b7c;--line:#d8e0e6;--surface:#fff;--surface-muted:#f5f7f8;--cyan:#087f8c;--cyan-soft:#dff4f4;--blue:#2563d8;--blue-soft:#e7efff;--amber:#c77d16;--amber-soft:#fff2d9;--green:#17864a;--green-soft:#e3f5ea;--danger:#c73a44;--danger-soft:#fce7e9;--shadow:0 12px 30px #18263424;--visual-viewport-height:100dvh;background:#eef2f4;font-family:Montserrat,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}button,input,select,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2563d84d}button:disabled{cursor:not-allowed;opacity:.45}svg{flex:none}.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}.visually-hidden-file{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;width:44px;min-width:44px;height:44px;padding:0;transition:background-color .14s,border-color .14s,transform .14s;display:inline-grid;position:relative}.icon-button:hover:not(:disabled){border-color:var(--line);background:var(--surface-muted)}.icon-button:active:not(:disabled){transform:scale(.96)}.icon-button.is-danger{color:var(--danger)}.icon-button__badge{color:#fff;background:var(--danger);border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:2px;right:2px}.primary-action,.secondary-action,.primary-inline-action,.full-width{cursor:pointer;border-radius:7px;min-height:44px;font-weight:700}.primary-action,.primary-inline-action{border:1px solid var(--blue);color:#fff;background:var(--blue);justify-content:center;align-items:center;gap:8px;display:inline-flex}.secondary-action{border:1px solid var(--line);background:var(--surface);justify-content:center;align-items:center;gap:8px;display:inline-flex}.full-width{width:100%}.segmented{border:1px solid var(--line);background:#e9eef1;border-radius:8px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-height:48px;padding:3px;display:grid}.segmented button{overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:0;min-height:42px;padding:8px 12px;font-weight:700}.segmented button.is-active{color:#fff;background:var(--ink);box-shadow:0 2px 6px #1c26332e}.segmented--compact{min-height:44px}.segmented--compact button{min-height:38px;padding:6px 10px;font-size:13px}.setup-screen{background:#f3f5f6;min-height:100dvh}.setup-topbar{z-index:10;border-bottom:1px solid var(--line);background:#fffffff7;justify-content:space-between;align-items:center;min-height:64px;padding:8px clamp(16px,3vw,40px);display:flex;position:sticky;top:0}.setup-brand,.setup-brand>div{align-items:center;display:flex}.setup-brand{gap:10px}.setup-brand img{border:1px solid var(--line);border-radius:8px;width:44px;height:44px}.setup-brand>div{flex-direction:column;align-items:flex-start}.setup-brand strong{font-size:16px}.setup-brand span{color:var(--ink-soft);font-size:12px}.setup-support-links{grid-template-columns:1fr 1fr;gap:8px;display:grid}.setup-support-links a{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.setup-support-links .utility-whatsapp{border-color:var(--green);color:#fff;background:var(--green)}.setup-main{width:min(1220px,100%);margin:0 auto;padding:24px clamp(16px,3vw,34px) 48px}.recovery-screen{grid-template-rows:auto minmax(0,1fr);display:grid}.recovery-main{align-content:start;gap:28px;width:min(760px,100%);margin:0 auto;padding:clamp(42px,9vh,96px) clamp(18px,4vw,36px) 48px;display:grid}.recovery-copy{gap:12px;display:grid}.recovery-eyebrow{color:var(--cyan);text-transform:uppercase;font-size:13px;font-weight:800}.recovery-copy h1{max-width:650px;margin:0;font-size:34px;line-height:1.12}.recovery-copy p{max-width:650px;color:var(--ink-soft);margin:0;line-height:1.6}.recovery-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;max-width:560px;display:grid}.setup-intro{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);align-items:end;gap:clamp(24px,5vw,70px);padding:12px 0 24px;display:grid}.setup-intro h1{margin:0 0 8px;font-size:clamp(25px,3vw,38px);line-height:1.12}.setup-intro p{max-width:700px;color:var(--ink-soft);margin:0;line-height:1.55}.setup-mode-block{gap:7px;display:grid}.setup-mode-block>span{color:var(--ink-soft);font-size:13px}.setup-workflow{grid-template-columns:minmax(0,1fr) minmax(320px,360px);align-items:start;gap:28px;padding-top:26px;display:grid}.live-height-field{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:8px;padding:14px 0;display:grid}.live-height-field small{color:var(--ink-soft);line-height:1.4}.live-height-field .unit-input{width:min(100%,320px)}.setup-fields{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0}.field-section{border:0;border-bottom:1px solid var(--line);gap:12px;margin:0;padding:20px;display:grid}.field-section:last-child{border-bottom:0}.field-section legend,.field-section>label>strong{padding:0;font-size:16px;font-weight:800}.field-section p,.field-section>small{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.5}.material-grid,.tube-grid,.sticker-grid{gap:8px;display:grid}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tube-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tube-grid .choice-card{min-height:48px;padding:5px 9px}.tube-grid .choice-card span{line-height:1.1}.tube-grid .choice-card small{margin-top:2px;line-height:1.2}.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:330px;overflow:auto}.choice-card,.custom-toggle{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:7px;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;min-height:62px;padding:10px;transition:border-color .14s,background-color .14s,transform .14s;display:flex}.choice-card:hover,.custom-toggle:hover{border-color:#9babb8}.choice-card:active,.custom-toggle:active{transform:scale(.985)}.choice-card.is-selected,.custom-toggle.is-selected{border-color:var(--amber);background:var(--amber-soft);box-shadow:inset 0 0 0 1px var(--amber)}.choice-card span{overflow-wrap:anywhere;max-width:100%;font-weight:800}.choice-card small{max-width:100%;color:var(--ink-soft);overflow-wrap:anywhere;margin-top:4px;font-size:11px;line-height:1.35}.unit-input{background:#fff;border:1px solid #b7c3cc;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;min-height:48px;display:grid;overflow:hidden}.unit-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2563d821}.unit-input input{border:0;outline:0;min-width:0;padding:10px 12px}.unit-input span{border-left:1px solid var(--line);min-width:52px;color:var(--ink-soft);background:var(--surface-muted);place-items:center;padding:0 12px;font-weight:700;display:grid}.live-summary{border-top:4px solid var(--amber);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:18px;display:grid;position:sticky;top:84px}.live-summary__heading,.add-section__heading,.selected-element-heading,.finish-ready,.asset-file-row,.account-benefit,.account-authenticated,.pwa-offer,.diagnostic-line{align-items:center;gap:12px;display:flex}.live-summary__heading svg{width:38px;height:38px;color:var(--amber);background:var(--amber-soft);border-radius:8px;padding:8px}.live-summary__heading div,.finish-ready div,.asset-file-row div,.account-benefit div,.account-authenticated div,.pwa-offer div{gap:2px;min-width:0;display:grid}.live-summary__heading span,.finish-ready span,.asset-file-row span,.account-benefit span,.account-authenticated span,.pwa-offer span{color:var(--ink-soft);font-size:12px;line-height:1.4}.live-summary dl,.compact-summary,.finish-summary,.quota-summary{gap:0;margin:0;display:grid}.live-summary dl>div,.compact-summary>div,.finish-summary>div,.quota-summary>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding:8px 0;display:flex}dt{color:var(--ink-soft);font-size:12px}dd{overflow-wrap:anywhere;text-align:right;margin:0;font-size:13px;font-weight:700}.summary-total{color:var(--blue)}.summary-total dt,.summary-total dd{color:inherit;font-weight:800}.measure-explainer{border-left:3px solid var(--cyan);color:var(--ink-soft);background:var(--cyan-soft);gap:6px;padding:10px;font-size:11px;line-height:1.4;display:grid}.measure-explainer strong{color:var(--ink)}.setup-help,.support-note,.panel-intro,.panel-copy p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.5}.form-error,.inline-error{border-left:3px solid var(--danger);color:#8e2530;background:var(--danger-soft);margin:0;padding:10px;font-size:12px;line-height:1.45}.search-field{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:44px;padding:0 12px;display:grid}.search-field input{border:0;outline:0;min-width:0;height:42px}.custom-toggle{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-height:48px;font-weight:700}.custom-sticker-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.custom-sticker-fields .segmented,.custom-sticker-fields>small{grid-column:1/-1}.custom-sticker-fields label,.form-stack label,.two-column-fields label,.filename-field{color:var(--ink-soft);gap:6px;font-size:12px;font-weight:700;display:grid}.editor-shell{width:100%;height:100dvh;max-height:var(--visual-viewport-height);background:#e8edf0;grid-template-rows:58px minmax(0,1fr);display:grid;position:relative;overflow:hidden}.editor-topbar{z-index:30;border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:minmax(180px,auto) 1fr auto;align-items:center;gap:10px;min-width:0;min-height:58px;padding:6px 10px;display:grid}.brand-button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;min-width:0;height:46px;padding:3px 8px 3px 3px;display:flex}.brand-button:hover{background:var(--surface-muted)}.brand-button img{border:1px solid var(--line);border-radius:7px;width:40px;height:40px}.brand-button__copy{gap:1px;min-width:0;display:grid}.brand-button__copy strong,.brand-button__copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-button__copy strong{font-size:14px}.brand-button__copy small{max-width:240px;color:var(--ink-soft);font-size:11px}.save-state{min-width:0;color:var(--ink-soft);justify-self:center;align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.save-state.is-saved{color:var(--green)}.save-state.is-error{color:var(--danger)}.save-state.is-saving{color:var(--blue)}.editor-topbar__actions{align-items:center;gap:2px;display:flex}.version-badge{color:#fff;background:var(--ink);border-radius:6px;place-items:center;min-width:40px;height:26px;padding:0 7px;font-size:11px;font-weight:800;display:inline-grid}.editor-layout{grid-template-columns:78px minmax(0,1fr) minmax(320px,356px);min-width:0;min-height:0;display:grid}.tool-dock{z-index:20;border-right:1px solid var(--line);background:var(--surface);grid-template-rows:repeat(6,66px);align-content:start;padding:8px 7px;display:grid}.tool-dock button{cursor:pointer;width:64px;height:60px;color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;gap:2px;padding:6px 3px;font-size:10px;font-weight:700;transition:color .14s,background-color .14s,transform .14s;display:grid;position:relative}.tool-dock button:hover{background:var(--surface-muted)}.tool-dock button.is-active{color:var(--blue);background:var(--blue-soft)}.tool-dock button.is-active:before{background:var(--blue);content:"";border-radius:0 3px 3px 0;width:3px;height:30px;position:absolute;left:-7px}.editor-stage{background-color:#edf1f3;background-image:linear-gradient(#dce4e8 1px,#0000 1px),linear-gradient(90deg,#dce4e8 1px,#0000 1px);background-size:24px 24px;min-width:0;min-height:0;position:relative;overflow:hidden}.stage-hud{z-index:8;background:#fffffff0;border:1px solid #b7c3cce6;border-radius:7px;align-items:center;max-width:calc(100% - 24px);min-height:30px;padding:4px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #1c26331a}.stage-hud span{border-right:1px solid var(--line);color:#3a5169;white-space:nowrap;padding:3px 9px;font-size:10px;font-weight:800}.stage-hud span:last-child{border-right:0}.editor-surface-mount{touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.integrated-editor-surface[data-pointer-cursor=default] .upper-canvas{cursor:default!important}.integrated-editor-surface[data-pointer-cursor=grab] .upper-canvas{cursor:grab!important}.integrated-editor-surface[data-pointer-cursor=move] .upper-canvas{cursor:move!important}.integrated-editor-surface[data-pointer-cursor=not-allowed] .upper-canvas{cursor:not-allowed!important}.integrated-editor-surface[data-pointer-cursor=nwse-resize] .upper-canvas{cursor:nwse-resize!important}.editor-file-drop{z-index:20;pointer-events:none;color:#123f69;background:#ecf7fff0;border:3px dashed #1875d1;border-radius:8px;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:18px;box-shadow:inset 0 0 0 1px #ffffffeb,0 12px 36px #1848702e}.editor-file-drop svg{width:34px;height:34px}.editor-file-drop strong{font-size:18px}.editor-file-drop span{font-size:12px;font-weight:700}.empty-sticker-upload{z-index:9;color:#173b66;background:#fffffff0;border:2px dashed #2f6feb;border-radius:8px;place-items:center;width:min(260px,100% - 48px);min-height:84px;padding:14px 18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #1d39592e}.empty-sticker-upload strong{font-size:15px}.empty-sticker-upload span{font-size:11px}.fake-camera-layer{width:min(76%,920px);max-width:920px;max-height:72%;transform:rotate(var(--camera-rotation)) scale(var(--camera-zoom));transform-origin:50%;place-items:center;transition:transform .16s;display:grid;position:relative}.fake-artboard{background-color:#fff;background-position:50%;background-size:cover;border:1px solid #345b7c;width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 14px 34px #1927332e}.fake-artboard--sticker{background:#fff;width:min(68vh,76%);max-width:620px}.fake-artboard--circle{border-radius:50%}.fake-artboard--white{background-image:none}.fake-artboard--custom-background{background:#dce7ed}.fake-object{z-index:4;cursor:grab;white-space:nowrap;background:0 0;border:1px solid #0000;place-items:center;min-width:44px;min-height:44px;padding:2px;display:grid;position:absolute;overflow:visible}.fake-object img{object-fit:contain;width:100%;height:auto;max-height:100%}.fake-object--image span{color:#1d4568;background:#ffffffe6;border:1px solid #1d4568;place-items:center;width:100%;min-height:44px;font-size:12px;font-weight:800;display:grid}.fake-object.is-selected{border-color:#16bfd0;animation:.15s ease-out selection-pop;box-shadow:0 0 0 2px #16bfd047}.fake-object.is-selected:before,.fake-object.is-selected:after{content:"";background:#087f8c;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute}.fake-object.is-selected:before{top:-7px;left:-7px}.fake-object.is-selected:after{bottom:-7px;right:-7px}@keyframes selection-pop{0%{box-shadow:0 0 0 6px #16bfd04d}}.fake-selection-safety{z-index:2;pointer-events:none;border:1px dotted #ffffff8c;position:absolute;inset:4mm}.fake-selection-safety.is-hidden{display:none}.sticker-cut-guide{z-index:6;pointer-events:none;border:2px dashed #1c2633b8;position:absolute;inset:2px}.sticker-cut-guide--circle{border-radius:50%}.sticker-safe-zone{z-index:5;pointer-events:none;border:1px dashed #087f8ce6;place-items:start center;display:grid;position:absolute;inset:7%}.sticker-safe-zone--circle{border-radius:50%;inset:8%}.sticker-safe-zone span{color:#fff;background:#087f8ce0;border-radius:4px;margin-top:5px;padding:2px 5px;font-size:9px;font-weight:700}.dimension-badge,.dimension-line{z-index:7;color:#345b7c;pointer-events:none;background:#ffffffeb;font-size:10px;font-weight:800;position:absolute}.dimension-badge--top{border:1px solid #aec0ce;border-radius:6px;padding:4px 8px;top:52px;left:50%;transform:translate(-50%)}.dimension-line--horizontal{text-align:center;border-top:1px solid #345b7c;width:min(70%,780px);padding:4px;bottom:8%;left:50%;transform:translate(-50%)}.dimension-line--vertical{border-top:1px solid #345b7c;padding:4px;top:50%;left:2.5%;transform:translateY(-50%)rotate(-90deg)}.desktop-inspector,.context-panel{border-left:1px solid var(--line);background:var(--surface);min-width:0;min-height:0}.desktop-inspector{overflow:auto}.context-panel{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.context-panel__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:52px;padding:5px 6px 5px 14px;display:flex}.context-panel__header>div:first-child{gap:1px;display:grid}.context-panel__header span{color:var(--blue);font-size:8px;font-weight:800}.context-panel__header h2{margin:0;font-size:14px}.context-panel__actions{display:flex}.context-panel__body{overscroll-behavior:contain;min-height:0;padding:18px;overflow:auto}.desktop-inspector>.panel-stack,.desktop-inspector>.desktop-inspector-idle,.desktop-inspector>.empty-panel-state,.desktop-inspector>.text-edit-bar{padding:18px}.desktop-inspector-idle{min-height:220px;color:var(--ink-soft);text-align:center;align-content:center;gap:6px;display:grid}.desktop-inspector-idle p{margin:0;font-size:12px;line-height:1.5}.panel-stack{gap:16px;display:grid}.measure-strip{border:1px solid var(--line);border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.measure-strip span{min-width:0;color:var(--blue);text-align:center;gap:2px;padding:10px;font-size:13px;font-weight:800;display:grid}.measure-strip span+span{border-left:1px solid var(--line)}.measure-strip strong{color:var(--ink-soft);font-size:9px}.control-grid{gap:8px;display:grid}.control-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.control-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.control-grid button,.background-primary-actions>button,.custom-background-tools button,.file-action-grid button,.element-action-grid button,.reset-transform,.finish-actions button,.finish-actions a,.pattern-picker__toolbar button,.danger-text-action,.app-menu-list button,.app-menu-list a,.modal__footer button,.inline-compose button,.update-offer button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--ink);background:var(--surface);cursor:pointer;overflow-wrap:anywhere;text-align:center;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.field-control,.property-section,.add-section,.custom-background-tools{gap:9px;display:grid}.field-control label,.field-control__title,.property-section>label,.inline-compose+label{color:var(--ink-soft);font-size:12px;font-weight:700}.field-control__label{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-control output{color:var(--blue);font-size:12px;font-weight:800}.field-control input[type=range]{width:100%;min-height:30px;accent-color:var(--blue)}.field-control select,.property-section select,.form-stack select,.form-stack input,.two-column-fields select,.filename-field input,.inline-rename input{background:#fff;border:1px solid #b7c3cc;border-radius:7px;width:100%;min-width:0;min-height:44px;padding:8px 10px}.field-control small,.property-section>small{color:var(--ink-soft);font-size:10px;line-height:1.45}.toggle-row,.background-white{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:54px;padding:8px 10px;display:flex}.toggle-row>span,.background-white>div{flex:1;gap:2px;min-width:0;display:grid}.toggle-row small,.background-white small{color:var(--ink-soft);font-size:10px;line-height:1.4}.bleed-note{border-left:3px solid var(--amber);background:var(--amber-soft);padding:10px}.bleed-note p{color:#765219;margin:4px 0 0;font-size:11px;line-height:1.45}.background-primary-actions,.file-action-grid,.element-action-grid,.finish-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.file-action-grid.is-single{grid-template-columns:minmax(0,1fr)}.background-white{grid-column:1/-1}.background-white>span{background:#fff;border:1px solid #aeb8c0;border-radius:5px;width:32px;height:32px}.category-picker,.pattern-picker{gap:12px;display:grid}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.category-grid button{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:7px;align-content:center;gap:2px;min-width:0;min-height:54px;padding:8px;display:grid}.category-grid button:hover{border-color:var(--cyan);background:var(--cyan-soft)}.category-grid span{overflow-wrap:anywhere;font-size:11px;font-weight:800}.category-grid small{color:var(--ink-soft);font-size:9px}.pattern-picker__toolbar{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pattern-grid button{cursor:pointer;background:#dfe5e8;border:2px solid #0000;border-radius:7px;min-width:0;height:86px;padding:0;position:relative;overflow:hidden}.pattern-grid button.is-selected{border-color:var(--cyan);box-shadow:0 0 0 2px #087f8c33}.pattern-grid img{object-fit:cover;width:100%;height:100%}.pattern-grid span{text-overflow:ellipsis;white-space:nowrap;background:#ffffffe0;border-radius:4px;padding:4px;font-size:9px;font-weight:800;position:absolute;bottom:5px;left:5px;right:5px;overflow:hidden}.pattern-grid svg{color:#fff;background:var(--cyan);border-radius:50%;width:20px;height:20px;padding:3px;position:absolute;top:5px;right:5px}.danger-text-action,.danger-action{color:var(--danger)!important}.inline-compose{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.inline-compose input{border:1px solid #b7c3cc;border-radius:7px;min-width:0;min-height:44px;padding:8px 10px}.add-section{border-bottom:1px solid var(--line);padding-bottom:16px}.add-section:last-child{border-bottom:0;padding-bottom:0}.add-section__heading{align-items:flex-start}.add-section__heading>svg{color:var(--cyan);margin-top:2px}.add-section__heading div{gap:3px;display:grid}.add-section__heading small{color:var(--ink-soft);font-size:10px;line-height:1.45}.selected-element-heading{background:var(--blue-soft);border:1px solid #b9d4ef;border-radius:7px;padding:10px}.selected-element-heading.is-locked{background:var(--amber-soft);border-color:#d2a34d}.locked-element-notice{border-left:3px solid var(--amber);color:#765219;background:var(--amber-soft);margin:0;padding:10px;font-size:11px;line-height:1.45}.selected-element-heading>span{color:#fff;background:var(--blue);border-radius:7px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:800;display:grid}.selected-element-heading>div{flex:1;gap:2px;min-width:0;display:grid}.selected-element-heading small{color:var(--ink-soft);font-size:9px}.selected-element-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.primary-inline-action{width:100%}.swatch-fieldset{border:0;margin:0;padding:0}.swatch-fieldset:disabled{opacity:.55}.swatch-fieldset:disabled .swatch-grid button{cursor:not-allowed}.swatch-fieldset legend{color:var(--ink-soft);margin-bottom:7px;font-size:12px;font-weight:700}.swatch-grid{grid-template-columns:repeat(9,minmax(24px,1fr));gap:5px;display:grid}.swatch-grid button{background:var(--swatch-color);cursor:pointer;border:2px solid #fff;border-radius:5px;outline:1px solid #aab6bf;min-width:26px;min-height:30px;padding:0}.swatch-grid button.is-selected{outline:3px solid var(--blue)}.color-input{min-height:44px;color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:11px;font-weight:700;display:flex}.color-input input{border:1px solid var(--line);width:46px;height:36px;padding:2px}.two-column-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.element-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reset-transform{width:100%}.text-edit-bar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;display:grid}.text-edit-bar label,.text-edit-bar span{color:var(--ink-soft);grid-column:1/-1;font-size:11px;font-weight:700}.text-edit-bar input{border:2px solid var(--blue);border-radius:7px;min-width:0;min-height:44px;padding:8px 10px}.text-edit-bar button{border:1px solid var(--blue);color:#fff;background:var(--blue);border-radius:7px;min-width:72px;min-height:44px;font-weight:800}.empty-panel-state{min-height:180px;color:var(--ink-soft);text-align:center;place-content:center;justify-items:center;gap:7px;display:grid}.empty-panel-state>span{width:52px;height:52px;color:var(--blue);background:var(--blue-soft);border-radius:8px;place-items:center;font-weight:800;display:grid}.empty-panel-state p{max-width:270px;margin:0;font-size:11px;line-height:1.45}.layer-list,.project-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.layer-list>li{border:1px solid var(--line);background:var(--surface);border-radius:7px;overflow:hidden}.layer-list>li.is-selected{border-color:var(--blue);box-shadow:0 0 0 2px #2563d81f}.layer-main{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:54px;padding:7px;display:grid}.layer-main>span:nth-child(2){gap:2px;min-width:0;display:grid}.layer-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.layer-main small{color:var(--ink-soft);font-size:9px}.layer-icon{color:#fff;background:var(--cyan);border-radius:6px;place-items:center;width:34px;height:34px;font-size:8px;font-weight:800;display:grid}.layer-icon--text{background:var(--blue)}.layer-icon--pdf{background:var(--danger)}.layer-icon--background{background:var(--amber)}.layer-actions{border-top:1px solid var(--line);background:var(--surface-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px;display:grid}.layer-actions button{border:1px solid var(--line);width:100%;min-width:0;min-height:38px;color:var(--ink);background:var(--surface);font:inherit;cursor:pointer;border-radius:6px;justify-content:flex-start;align-items:center;gap:6px;padding:7px 8px;font-size:10px;font-weight:700;display:inline-flex}.layer-actions button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.layer-actions button:disabled{opacity:.38;cursor:not-allowed}.layer-actions button.is-danger{color:var(--danger)}.layer-actions button svg{flex:none;width:16px;height:16px}.layer-actions button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.finish-ready{color:var(--green);align-items:flex-start}.finish-ready div strong{color:var(--ink)}.finish-preview{border:1px solid var(--line);background:#fff;border-radius:7px;place-items:center;height:clamp(130px,22vh,180px);min-height:130px;max-height:180px;display:grid;overflow:hidden}.finish-preview img{object-fit:contain;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;padding:6px;display:block}.finish-preview span{color:var(--ink-soft);font-size:12px}.quality-status{border-left:3px solid var(--green);background:var(--green-soft);align-items:center;gap:10px;min-height:56px;padding:10px;display:flex}.quality-status.is-warning{border-color:var(--amber);background:var(--amber-soft)}.quality-status.is-blocked{border-color:var(--danger);background:var(--danger-soft)}.quality-status>span{gap:2px;display:grid}.quality-status small{color:var(--ink-soft);font-size:10px;line-height:1.4}.asset-quality-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.asset-quality-list li{border:1px solid var(--line);border-left:3px solid var(--green);background:var(--surface);border-radius:6px;gap:6px;min-width:0;padding:9px 10px;display:grid}.asset-quality-list li.is-warning{border-left-color:var(--amber);background:var(--amber-soft)}.asset-quality-list li.is-error{border-left-color:var(--danger);background:var(--danger-soft)}.asset-quality-list__header{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.asset-quality-list__identity{gap:1px;min-width:0;display:grid}.asset-quality-list__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.asset-quality-list__identity small,.asset-quality-list__message{color:var(--ink-soft);font-size:10px;line-height:1.4}.asset-quality-list__state{color:var(--green);flex:none;font-size:10px}.asset-quality-list .is-warning .asset-quality-list__state{color:#8a5a09}.asset-quality-list .is-error .asset-quality-list__state{color:var(--danger)}.asset-quality-list__message{overflow-wrap:anywhere}.finish-actions .primary-action{grid-column:1/-1}.finish-actions .whatsapp-action{color:#fff;border-color:var(--green);background:var(--green)}.finish-instructions{border-left:3px solid var(--amber);color:#6e4b18;background:var(--amber-soft);padding:10px;font-size:10px;line-height:1.45}.finish-instructions p{margin:0 0 6px}.finish-instructions ol{margin:0 0 6px;padding-left:18px}.notice-bar{z-index:45;border:1px solid var(--line);border-left:4px solid var(--blue);max-width:min(520px,100% - 500px);min-height:48px;box-shadow:var(--shadow);background:#fff;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 4px 4px 12px;font-size:11px;line-height:1.4;display:grid;position:absolute;bottom:16px;left:92px}.notice-bar--success{border-left-color:var(--green)}.notice-bar--warning{border-left-color:var(--amber)}.notice-bar--error{border-left-color:var(--danger)}.modal-backdrop{z-index:100;background:#141e287a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;width:min(560px,100%);max-height:min(760px,100dvh - 36px);animation:.16s ease-out modal-in;display:grid;overflow:hidden;box-shadow:0 24px 60px #121c2647}.modal--small{width:min(430px,100%)}.modal--large{width:min(760px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}}.modal__header,.modal__footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;min-height:58px;padding:7px 10px 7px 16px;display:flex}.modal__header h2{margin:0;font-size:16px}.modal__body{min-height:0;padding:16px;overflow:auto}.modal__footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.modal__footer .primary-action{border-color:var(--blue);color:#fff;background:var(--blue)}.operation-state{text-align:center;place-content:center;justify-items:center;gap:8px;min-height:180px;display:grid}.operation-state span{max-width:360px;color:var(--ink-soft);font-size:12px;line-height:1.5}.operation-state.is-error{color:var(--danger)}.operation-state.is-success{color:var(--green)}.asset-inspection,.form-stack{gap:14px;display:grid}.asset-file-row{border:1px solid var(--line);background:var(--surface-muted);border-radius:7px;padding:10px}.asset-file-row strong{overflow-wrap:anywhere}.account-benefit,.pwa-offer{border-left:3px solid var(--blue);background:var(--blue-soft);align-items:flex-start;margin-bottom:14px;padding:12px}.account-authenticated{color:var(--green);background:var(--green-soft);margin-bottom:14px;padding:12px}.quota-summary{border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0}.quota-summary>div{border-right:1px solid var(--line);padding:9px}.quota-summary>div:nth-child(2n){border-right:0}.project-list>li{border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:82px;display:grid}.project-thumbnail{border:1px solid var(--line);width:72px;height:54px;color:var(--ink-soft);background:var(--surface-muted);border-radius:6px;place-items:center;font-size:9px;font-weight:800;display:grid;overflow:hidden}.project-thumbnail img{object-fit:cover;width:100%;height:100%}.project-meta{gap:3px;min-width:0;display:grid}.project-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-meta__details{min-width:0;color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;display:flex}.project-sync-state{border:1px solid var(--line);border-radius:4px;align-items:center;min-height:20px;padding:2px 6px;font-size:9px;font-weight:800;display:inline-flex}.project-sync-state--cloud{color:#1b6b4a;background:#eaf7f0;border-color:#8abca4}.project-sync-state--pending{color:#765219;background:var(--amber-soft);border-color:#d2a34d}.project-sync-state--conflict{color:#8a461f;background:#fff0e4;border-color:#d4884c}.project-sync-state--error{color:#8e2530;background:var(--danger-soft);border-color:#d28b94}.project-sync-state--local{color:var(--ink-soft);background:var(--surface-muted);border-color:#aeb8c0}.project-actions{display:flex}.inline-rename{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.inline-rename button{border:1px solid var(--blue);color:#fff;background:var(--blue);border-radius:6px}.conflict-box{border-left:3px solid var(--amber);background:var(--amber-soft);margin-bottom:14px;padding:12px}.conflict-box p{font-size:12px;line-height:1.45}.conflict-box>div{gap:8px;display:flex}.conflict-box button{border:1px solid var(--amber);background:#fff;border-radius:7px;min-height:44px}.update-offer{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.update-offer>button{grid-column:1/-1}.update-offer div{gap:4px;display:grid}.update-offer span{color:var(--ink-soft);font-size:12px;line-height:1.45}.menu-project-state{border-left:3px solid var(--cyan);background:var(--cyan-soft);margin-bottom:10px;padding:10px;display:grid}.menu-project-state span{color:var(--ink-soft);font-size:10px}.app-menu-list{display:grid}.app-menu-list button,.app-menu-list a{text-align:left;border-width:0 0 1px;border-radius:0;justify-content:flex-start}.app-menu-list button>span,.app-menu-list a>span{gap:2px;min-width:0;display:grid}.app-menu-list small{color:var(--ink-soft);font-size:9px}.menu-help{border-left:3px solid var(--amber);background:var(--amber-soft);gap:6px;margin-top:10px;padding:10px;display:grid}.menu-help p{color:#6e4b18;margin:0;font-size:10px;line-height:1.45}.diagnostic-line{color:var(--ink-soft);margin-top:12px;font-size:9px}.measure-preview{border-left:3px solid var(--amber);background:var(--amber-soft);justify-content:space-between;align-items:center;min-height:54px;padding:10px;display:flex}.measure-preview span{color:var(--ink-soft);font-size:11px}.integration-gate{text-align:center;place-content:center;justify-items:center;gap:8px;min-height:100dvh;padding:24px;display:grid}.integration-gate p{max-width:520px;color:var(--ink-soft);line-height:1.5}@media (max-width:1100px){.setup-workflow{grid-template-columns:minmax(0,1fr);gap:18px}.live-summary{position:static}}@media (max-width:899px){.setup-topbar{min-height:58px;padding:6px 12px}.setup-brand img{width:40px;height:40px}.setup-main{padding:14px 12px 34px}.recovery-main{padding:36px 18px}.recovery-copy h1{font-size:28px}.recovery-actions{grid-template-columns:1fr}.setup-intro{grid-template-columns:1fr;gap:18px;padding:8px 2px 18px}.setup-intro h1{font-size:25px}.setup-intro p{font-size:12px}.setup-workflow{grid-template-columns:1fr;gap:14px;padding-top:14px}.live-summary{box-shadow:none;padding:14px;position:static}.field-section{padding:15px 13px}.material-grid{grid-template-columns:1fr}.tube-grid,.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{min-height:58px}.editor-shell{--mobile-panel-height:min(42dvh, 390px, max(0px, calc(var(--visual-viewport-height) - 124px)));grid-template-rows:56px minmax(0,1fr)}.editor-topbar{grid-template-columns:minmax(124px,1fr) auto auto;gap:3px;min-height:56px;padding:5px 6px}.brand-button{gap:6px;min-width:0;padding-right:3px}.brand-button img{width:38px;height:38px}.brand-button__copy strong{font-size:12px}.brand-button__copy small{max-width:110px;font-size:9px}.save-state{justify-self:end;font-size:9px}.save-state svg{width:12px;height:12px}.editor-topbar__actions .icon-button{width:40px;min-width:40px;height:44px}.version-badge{min-width:36px;padding:0 5px;font-size:9px}.editor-layout{grid-template-rows:minmax(0,1fr) 68px;grid-template-columns:minmax(0,1fr)}.tool-dock{padding:3px max(4px, env(safe-area-inset-right)) max(3px, env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));border-top:1px solid var(--line);border-right:0;grid-row:2;grid-template-rows:62px;grid-template-columns:repeat(6,minmax(0,1fr))}.tool-dock button{width:100%;min-width:0;height:60px;padding:5px 2px;font-size:9px}.tool-dock button.is-active:before{border-radius:0 0 3px 3px;width:30px;height:3px;top:-3px;left:50%;transform:translate(-50%)}.desktop-inspector{display:none}.editor-stage{grid-row:1}.stage-hud{top:7px}.stage-hud span{padding:3px 6px;font-size:8px}.fake-camera-layer{width:min(88%,620px);max-height:68%}.fake-artboard--sticker{width:min(66vh,82%)}.dimension-badge--top{font-size:8px;top:44px}.dimension-line--horizontal{width:82%;font-size:8px;bottom:6%}.dimension-line--vertical{font-size:8px;left:-4px}.context-panel{z-index:40;max-height:var(--mobile-panel-height);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:var(--surface);border-radius:8px 8px 0 0;grid-template-rows:auto minmax(0,1fr);animation:.17s ease-out panel-up;display:grid;position:absolute;bottom:68px;left:0;right:0;overflow:hidden;box-shadow:0 -12px 30px #1a28352e}@keyframes panel-up{0%{opacity:0;transform:translateY(20px)}}.context-panel.is-collapsed{max-height:58px}.context-panel.is-collapsed .context-panel__body{display:none}.context-panel__body{overscroll-behavior:contain;min-height:0;padding:12px;overflow:auto}.editor-shell.has-panel .editor-surface-mount{bottom:var(--mobile-panel-height)}.notice-bar{max-width:none;bottom:78px;left:10px;right:10px}.editor-shell.has-panel .notice-bar{bottom:min(42dvh + 76px,466px)}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:min(88dvh, var(--visual-viewport-height));border-radius:8px 8px 0 0}.modal--small,.modal--large{width:100%}.modal__body{padding:14px}.layer-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.project-list>li{grid-template-columns:60px minmax(0,1fr);padding:8px 0}.project-thumbnail{width:60px;height:48px}.project-actions{grid-column:1/-1;justify-content:flex-end}.swatch-grid{grid-template-columns:repeat(9,minmax(28px,1fr));padding:3px;overflow-x:auto}.control-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.control-grid button{padding:6px 4px;font-size:9px}.control-grid button svg{width:17px;height:17px}}@media (max-width:430px){.brand-button__copy small,.save-state span{display:none}.editor-topbar__actions{gap:0}.editor-topbar__actions .icon-button{width:38px;min-width:38px}.custom-sticker-fields{grid-template-columns:1fr}.custom-sticker-fields .segmented,.custom-sticker-fields>small{grid-column:auto}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.background-primary-actions,.file-action-grid,.finish-actions{grid-template-columns:1fr}.finish-actions .primary-action,.background-white{grid-column:auto}.two-column-fields{grid-template-columns:1fr}}html.keyboard-open .editor-shell.is-editing-text .tool-dock{display:none}html.keyboard-open .editor-shell.is-editing-text .editor-layout{grid-template-rows:minmax(0,1fr)}html.keyboard-open .editor-shell.is-editing-text .context-panel{border-radius:0;max-height:118px;bottom:0}html.keyboard-open .editor-shell.is-editing-text .context-panel__header{display:none}html.keyboard-open .editor-shell.is-editing-text .context-panel__body{padding:8px}html.keyboard-open .editor-shell.is-editing-text .editor-surface-mount{bottom:118px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}