@font-face{font-family:Hanken Grotesk;src:url(/assets/HankenGrotesk-CaVRRdDk.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:100 900}@font-face{font-family:Voiceprint Montserrat;src:url(/assets/Montserrat-BB6x-mlj.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:100 900}@font-face{font-family:Voiceprint Montserrat Regular;src:url(/assets/Montserrat-Regular-zf8kZrtB.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Dancing Script;src:url(/assets/DancingScript-CphQ46uv.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:100 900}@font-face{font-family:Voiceprint Caveat;src:url(/assets/Caveat-8jBGxy3y.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:100 900}@font-face{font-family:Voiceprint Playfair Display;src:url(/assets/PlayfairDisplay-TAkk4TxC.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:100 900}@font-face{font-family:Voiceprint Bebas Neue;src:url(/assets/BebasNeue-Regular-37KXJlK_.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Great Vibes;src:url(/assets/GreatVibes-Regular-n0yYu52p.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Parisienne;src:url(/assets/Parisienne-Regular-DG_Qu7rX.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Allura;src:url(/assets/Allura-Regular-DYozU5_8.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Sacramento;src:url(/assets/Sacramento-Regular-8DQx2w0f.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Pacifico;src:url(/assets/Pacifico-Regular-CxeUuf1v.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Shadows Into Light;src:url(/assets/ShadowsIntoLight-Regular-6gMIE4Bv.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Amatic SC;src:url(/assets/AmaticSC-Regular-BRfAt4Q9.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Permanent Marker;src:url(/assets/PermanentMarker-Regular-DnjE0ONq.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Cormorant Garamond;src:url(/assets/CormorantGaramond-Regular-Cu9N78yR.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Libre Baskerville;src:url(/assets/LibreBaskerville-Regular-D68AZEb2.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Lora;src:url(/assets/Lora-Regular-xWfZB0gc.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Cinzel;src:url(/assets/Cinzel-Regular-Dj3K2Swj.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Oswald;src:url(/assets/Oswald-Regular-DRUpf70-.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Raleway;src:url(/assets/Raleway-Regular-CSLzmb9D.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Voiceprint Nunito Sans;src:url(/assets/NunitoSans-Regular-BGUZeKb7.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}:root{--font-ui: "Hanken Grotesk", "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--text-primary: #101918;--text-muted: #61716d;--text-soft: #75837f;--accent: #1f6b5b;color:#17211f;background:#eef0ee;font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;overflow:hidden}button,input,select{font:inherit}button{color:inherit}input,select{width:100%;min-height:38px;border:1px solid #c8d2cd;border-radius:8px;background:#fff;padding:8px 10px;color:var(--text-primary);font-size:.86rem;font-weight:500}label{display:grid;gap:5px;color:#465b55;font-size:.76rem;font-weight:650}h1,h2,p{margin-top:0}h1{margin:0;color:var(--text-primary);font-size:.92rem;font-weight:750;line-height:1.1}h2{margin:0;color:var(--text-primary);font-size:1.08rem;font-weight:740;line-height:1.16}select{color:inherit}.studio-shell{display:grid;grid-template-rows:48px minmax(0,1fr);height:100vh;background:#eef0ee}.studio-topbar{display:grid;grid-template-columns:minmax(230px,auto) minmax(0,1fr) auto;align-items:center;gap:16px;border-bottom:1px solid #d4ddd8;background:#fff;padding:0 16px}.studio-brand{display:flex;align-items:center;gap:10px;min-width:0}.studio-brand__mark{display:grid;width:28px;height:28px;place-items:center;border-radius:7px;background:#1f6b5b;color:#fff;font-size:.68rem;font-weight:750}.studio-brand div{display:grid;gap:1px;min-width:0}.studio-brand strong{overflow:hidden;color:var(--text-primary);font-size:.86rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.studio-brand span:last-child{color:var(--text-muted);font-size:.72rem;font-weight:500}.studio-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0;color:var(--text-muted);font-size:.78rem;font-weight:500}.studio-status span{overflow:hidden;max-width:280px;text-overflow:ellipsis;white-space:nowrap}.studio-status__error,.message--error{color:#9f2f24}.message--warning{color:#8a5a00}.studio-topbar__actions{display:flex;align-items:center;gap:8px}.save-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:600;white-space:nowrap}.save-status--saved{color:#1f7a54;background:#e7f5ee;border-color:#bfe3d1;cursor:pointer}.save-status--saved:hover{background:#dcefe3}.save-status--saving{color:#55636d;background:#eef1f3}.save-status__spin{animation:save-status-spin .9s linear infinite}@keyframes save-status-spin{to{transform:rotate(360deg)}}.recent-projects-menu{position:relative}.recent-projects-count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;border-radius:9px;background:#1f6b5b;color:#fff;font-size:.65rem;font-weight:750;padding:0 4px}.recent-projects-panel{position:absolute;z-index:50;top:calc(100% + 8px);left:0;width:300px;max-height:400px;overflow-y:auto;border:1px solid #c6d1cc;border-radius:10px;background:#fff;box-shadow:0 14px 40px #18232029;padding:8px}.recent-projects-panel__header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;border-bottom:1px solid #ecf1ee;margin-bottom:4px;padding:2px 4px 8px;color:var(--text-primary);font-size:.8rem;font-weight:700}.recent-projects-clear{border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.74rem;font-weight:600;padding:0;white-space:nowrap}.recent-projects-clear:hover{color:var(--text-primary)}.recent-projects-empty{padding:6px 4px 4px;color:var(--text-muted);font-size:.78rem;line-height:1.45}.recent-projects-list{display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none}.recent-project-card{display:flex;flex-direction:row;align-items:center;gap:2px;border-radius:7px}.recent-project-card__body{display:flex;flex:1;flex-direction:row;gap:9px;align-items:center;min-width:0;border:0;border-radius:7px;background:transparent;color:inherit;cursor:pointer;padding:7px 6px;text-align:left}.recent-project-card__body:hover{background:#f2f7f5}.recent-project-card__swatch{display:block;flex:0 0 30px;width:30px;height:30px;border:1px solid rgba(0,0,0,.09);border-radius:6px}.recent-project-card__info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.recent-project-card__info strong{overflow:hidden;color:var(--text-primary);font-size:.81rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.recent-project-card__info span{overflow:hidden;color:var(--text-muted);font-size:.73rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.recent-project-card__arrow{flex:0 0 auto;color:var(--text-muted)}.recent-project-remove{display:grid;flex:0 0 auto;width:26px;height:26px;place-items:center;border:0;border-radius:5px;background:transparent;color:#b0bcb8;cursor:pointer;padding:0}.recent-project-remove:hover{background:#f0f5f2;color:var(--text-primary)}.layers-panel__empty{margin:0;color:var(--text-muted);font-size:.84rem;line-height:1.35}.layers-list{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}.layers-list__item{display:flex;flex-direction:row;align-items:stretch;border:1px solid #dde6e2;border-radius:8px;background:#fff;overflow:hidden;cursor:grab;transition:border-color .12s,box-shadow .12s,opacity .12s}.layers-list__item:hover{border-color:#c3d4ce}.layers-list__item--active{border-color:var(--accent);background:#f0f8f5;box-shadow:0 0 0 2px #1f6b5b1f}.layers-list__item--dragging{opacity:.35;cursor:grabbing}.layers-list__item--drag-over{border-color:var(--accent);box-shadow:0 -2px 0 0 var(--accent)}.layers-list__select{display:flex;flex:1;flex-direction:row;gap:10px;align-items:center;min-width:0;border:0;border-right:1px solid #e4ece8;background:transparent;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:12px;text-align:left}.layers-list__select:hover{background:#f5faf8}.layers-list__item--active .layers-list__select{border-right-color:#c8ddd7;font-weight:650}.layers-list__icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;color:var(--text-muted)}.layers-list__item--active .layers-list__icon{color:var(--accent)}.layers-list__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-list__order{display:flex;flex:0 0 auto;flex-direction:column}.layers-list__order-btn{display:grid;flex:1;width:34px;place-items:center;border:0;border-radius:0;background:transparent;color:#a0b0aa;cursor:pointer;padding:0}.layers-list__order-btn:first-child{border-bottom:1px solid #e4ece8}.layers-list__order-btn:hover:not(:disabled){background:#edf4f1;color:var(--accent)}.layers-list__order-btn:disabled{cursor:default;opacity:.3}.studio-price{min-width:82px;color:var(--text-primary);font-size:.86rem;font-weight:750;text-align:right;white-space:nowrap}.studio-price--loading{color:var(--text-muted)}.studio-price--error{color:#9f2f24}.ghost-action,.next-action,.primary-action{min-height:34px;border-radius:7px;cursor:pointer;font-size:.84rem;font-weight:650}.ghost-action{border:1px solid #c8d2cd;background:#fff;padding:6px 11px}.action-label{display:inline-flex;align-items:center;justify-content:center;gap:5px;line-height:1;white-space:nowrap}.action-label svg{flex:0 0 auto}.ghost-action:hover{border-color:#96aaa4}.next-action,.primary-action{border:0;background:var(--accent);color:#fff}.next-action{padding:7px 15px}.primary-action{width:100%;min-height:44px;padding:12px 18px;font-size:.86rem}.ghost-action:disabled,.next-action:disabled,.primary-action:disabled{cursor:wait;opacity:.64}.studio-workspace{display:grid;grid-template-columns:80px minmax(410px,460px) minmax(0,1fr);min-height:0}.studio-workspace--drawer-closed{grid-template-columns:80px minmax(0,1fr)}.studio-workspace--review{grid-template-columns:minmax(0,1fr) minmax(390px,430px)}.studio-rail{display:flex;flex-direction:column;gap:6px;align-items:stretch;border-right:1px solid #d4ddd8;background:#fff;padding:12px 8px;overflow-y:auto}.studio-tool{display:grid;justify-items:center;gap:0;min-height:50px;border:0;border-radius:10px;background:transparent;cursor:pointer;padding:4px;text-align:center}.studio-tool__icon{display:grid;width:34px;height:30px;place-items:center;color:#17211f}.studio-tool small{color:#31433f;font-size:.72rem;font-weight:560;line-height:1.12}.studio-tool--active{background:#dceee8}.studio-tool:hover{background:#f1f5f3}.studio-tool--active:hover{background:#dceee8}.studio-tool--active .studio-tool__icon{color:var(--accent)}.studio-tool--active small{color:#123f37;font-weight:650}.studio-drawer{min-width:0;max-height:calc(100vh - 76px);margin:14px 0 14px 14px;border:1px solid #d9e1dd;border-radius:16px;background:#fff;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;padding:14px 16px 16px;box-shadow:0 12px 34px #18211f21}.studio-drawer--review{margin:14px 14px 14px 0}.studio-drawer__header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px -4px 14px 0;background:#fff}.studio-drawer__header h2{margin:0;color:var(--text-primary);font-size:1.12rem;font-weight:760;line-height:1.15}.studio-drawer__close{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:8px;background:transparent;cursor:pointer;color:#31433f;line-height:1}.studio-drawer__close:hover{background:#edf4f1;color:var(--accent)}.tool-panel{display:grid;gap:13px;margin-bottom:16px}.tool-panel__field{display:grid;gap:5px}.tool-panel__label{display:grid;gap:5px;color:#465b55;font-size:.76rem;font-weight:650;margin-bottom:5px}.tool-panel--actions{margin-top:18px;border-top:1px solid #e1e7e4;padding-top:16px}.tool-panel__header{display:grid;gap:5px}.tool-panel__header h2{max-width:26ch}.tool-panel__header span{color:var(--text-muted);font-size:.66rem;font-weight:760;letter-spacing:0;text-transform:uppercase}.tool-panel__header p,.option-placeholder p{margin-bottom:0;color:var(--text-muted);font-size:.84rem;line-height:1.35}.template-editor{display:grid;gap:12px}.template-editor__header{display:grid;gap:3px}.template-editor__header span{color:var(--text-muted);font-size:.66rem;font-weight:760;letter-spacing:0;text-transform:uppercase}.template-editor__header h2{margin:0;color:var(--text-primary);font-size:1.06rem;font-weight:780;line-height:1.12}.studio-accordion{display:grid;gap:9px;isolation:isolate}.studio-accordion__item{position:relative;overflow:hidden;border:1px solid #d9e4df;border-radius:10px;background:#fff}.studio-accordion__item--open{z-index:5;overflow:visible;border-color:#b7ccc5;box-shadow:0 8px 18px #26443d14}.studio-accordion__trigger{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;border:0;background:#fff;color:var(--text-primary);cursor:pointer;padding:11px 12px;text-align:left}.studio-accordion__trigger:hover{background:#f7faf8}.studio-accordion__icon{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#edf6f2;color:var(--accent)}.studio-accordion__copy{display:grid;min-width:0;gap:2px}.studio-accordion__copy>span{color:var(--text-muted);font-size:.62rem;font-weight:760;letter-spacing:0;line-height:1;text-transform:uppercase}.studio-accordion__copy strong{overflow:hidden;color:var(--text-primary);font-size:.88rem;font-weight:750;line-height:1.16;text-overflow:ellipsis;white-space:nowrap}.studio-accordion__copy small{overflow:hidden;color:var(--text-muted);font-size:.73rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.studio-accordion__status{display:inline-flex;max-width:92px;align-items:center;justify-content:flex-end;overflow:hidden;color:#45615a;font-size:.7rem;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.studio-accordion__chevron{color:#63746f;transition:transform .16s ease}.studio-accordion__item--open .studio-accordion__chevron{transform:rotate(180deg)}.studio-accordion__body{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;border-top:1px solid #e5ece8;background:#fbfcfb;padding:12px}.template-editor .studio-accordion__body .tool-panel{gap:11px;margin-bottom:0}.template-editor .studio-accordion__body .tool-panel__header{display:none}.template-colour-status{display:block;width:24px;height:18px;border:1px solid rgb(17 31 27 / 18%);border-radius:5px}.studio-inline-help{margin:0;color:var(--text-muted);font-size:.76rem;line-height:1.35}.studio-workspace--review .studio-stage__surface{position:relative}.studio-workspace--review .studio-stage__surface:after{content:"";position:absolute;inset:0;z-index:9999}.studio-stage{position:relative;display:grid;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;align-items:center;justify-items:center;overflow:hidden;background:linear-gradient(90deg,rgb(0 0 0 / 3%) 1px,transparent 1px),linear-gradient(rgb(0 0 0 / 3%) 1px,transparent 1px),#eef0ee;background-size:28px 28px;padding:22px 28px 6px}.studio-stage__view-toggle{position:absolute;top:12px;left:50%;transform:translate(-50%);display:inline-flex;z-index:3;align-items:center;gap:4px;border:1px solid #d4ddd8;border-radius:10px;background:#fff;padding:4px;box-shadow:0 10px 26px #18211f1f}.stage-view-toggle{border:0;border-radius:7px;background:transparent;color:var(--text-muted);cursor:pointer;padding:7px 12px;font-size:.78rem;font-weight:720}.stage-view-toggle--active{background:#1f7a67;color:#fff}.studio-stage__surface{align-self:stretch;justify-self:stretch;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.studio-zoom{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;z-index:2;align-items:center;gap:10px;justify-self:center;border:1px solid #d4ddd8;border-radius:9px;background:#fff;padding:7px 14px;box-shadow:0 10px 26px #18211f24}.studio-zoom__label{min-width:36px;font-size:.78rem;font-weight:720;text-align:right;color:#374040;-webkit-user-select:none;user-select:none}.studio-zoom__slider{-webkit-appearance:none;appearance:none;width:130px;background:transparent;outline:none;cursor:pointer;margin:0}.studio-zoom__slider::-webkit-slider-runnable-track{height:4px;background:#d4ddd8;border-radius:2px}.studio-zoom__slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:-5px;box-shadow:0 1px 4px #00000040}.studio-zoom__slider::-moz-range-track{height:4px;background:#d4ddd8;border-radius:2px}.studio-zoom__slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 1px 4px #00000040}.frame-preview{display:grid;justify-items:center;gap:8px;margin:0;position:relative}.frame-preview canvas{height:auto;max-width:none;min-width:0;aspect-ratio:960 / 760;border:0;background:transparent;box-shadow:none}.setup-grid{display:grid;grid-template-columns:minmax(82px,1fr) minmax(82px,1fr) 74px auto;gap:8px;align-items:end}.standard-size-field{grid-column:1 / -1}.aspect-lock-panel{display:grid;grid-column:1 / -1;gap:10px;border:1px solid #d7e2de;border-radius:9px;background:#f8faf8;padding:10px 11px}.aspect-lock-panel>div:first-child{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;justify-content:space-between}.aspect-lock-panel strong{color:var(--text-primary);font-size:.82rem;font-weight:760}.aspect-lock-panel span{color:var(--text-muted);font-size:.74rem}.print-quality{display:grid;grid-template-columns:auto 1fr;gap:5px 9px;align-items:center}.print-quality strong{justify-self:end}.print-quality__meter{display:block;grid-column:1 / -1;height:9px;overflow:hidden;border-radius:999px;background:#e8ecea}.print-quality__meter span{display:block;height:100%;border-radius:inherit}.print-quality--excellent .print-quality__meter span{background:#1f7a64}.print-quality--good .print-quality__meter span{background:#5a9f58}.print-quality--fair .print-quality__meter span{background:#e1a943}.print-quality--low .print-quality__meter span{background:#cf5b55}.audio-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.audio-control-grid--palette{grid-template-columns:minmax(126px,1fr) minmax(168px,1.3fr)}.audio-control-grid--single{grid-template-columns:1fr}.waveform-colour-row{display:grid;gap:6px}.waveform-colour-header{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:space-between}.waveform-colour-control{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center}.waveform-preset-target{display:inline-flex;width:max-content;overflow:hidden;border:1px solid #bfd0c9;border-radius:8px;background:#fff}.waveform-preset-target__button{min-height:30px;border:0;border-radius:0;background:transparent;cursor:pointer;padding:5px 10px;color:#405650;font-size:.76rem;font-weight:670}.waveform-preset-target__button--active{background:#dceee8;color:var(--accent)}.waveform-custom-colour-button{position:relative;display:grid;width:44px;min-height:42px;place-items:center;border:1px solid #c8d2cd;border-radius:8px;background:#fff;cursor:pointer;padding:0}.waveform-custom-colour-button input[type=color]{position:absolute;inset:0;width:100%;height:100%;border:0;cursor:pointer;opacity:0;padding:0}.waveform-custom-colour-button span{width:28px;height:24px;border:1px solid rgb(17 31 27 / 22%);border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff5c}.audio-section{display:grid;gap:9px;margin:0;border:1px solid #dfe8e4;border-radius:8px;background:#fcfdfb;padding:11px}.audio-section:last-of-type{border-bottom:1px solid #dfe8e4;padding-bottom:11px}.audio-trimmer{display:grid;gap:10px;border:1px solid #dfe8e4;border-radius:8px;background:#fcfdfb;padding:11px}.audio-player{width:100%;height:38px}.audio-trim-header{display:flex;justify-content:space-between;gap:10px;align-items:baseline;color:var(--text);font-size:.8rem}.audio-trim-header span{color:var(--text-muted);font-size:.74rem;font-weight:650}.audio-trim-track{position:relative;height:74px;overflow:hidden;border:1px solid #bfd0c9;border-radius:8px;background:#eef4f1;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.audio-trim-bars{position:absolute;inset:10px 8px;display:flex;align-items:center;gap:1px}.audio-trim-bars span{flex:1 1 0;min-width:1px;border-radius:999px;background:#1f7a64;opacity:.68}.audio-trim-selection{position:absolute;top:0;bottom:0;border-right:1px solid rgb(31 122 100 / 42%);border-left:1px solid rgb(31 122 100 / 42%);background:#1f7a641a;pointer-events:none}.audio-trim-shade{position:absolute;top:0;bottom:0;background:#121f1b73;pointer-events:none}.audio-trim-shade--start{left:0}.audio-trim-shade--end{right:0}.audio-trim-handle{position:absolute;top:7px;bottom:7px;width:14px;border:2px solid #ffffff;border-radius:999px;background:var(--accent);box-shadow:0 2px 8px #111f1b3d;cursor:ew-resize;padding:0;transform:translate(-50%);touch-action:none}.audio-trim-handle:focus-visible{outline:2px solid #10231f;outline-offset:2px}@media(max-width:520px){.audio-control-grid--palette{grid-template-columns:1fr}}.waveform-density-control{gap:10px}.waveform-density-control .range-stack input:disabled{cursor:not-allowed;opacity:.52}.range-stack{display:grid;gap:15px}.range-stack label{grid-template-columns:1fr auto;align-items:center;gap:4px 10px}.range-stack input{grid-column:1 / -1;margin-top:1px;padding:0}.range-stack span{color:var(--text-muted);font-size:.74rem;font-weight:650}.range-with-number{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) 72px;gap:9px;align-items:center}.range-stack .range-with-number input{grid-column:auto;margin-top:0}.range-with-number input[type=number]{min-height:34px;border:1px solid #bfd0c9;border-radius:7px;background:#fff;padding:5px 7px;color:var(--text);font:inherit}.waveform-preview-card{overflow:hidden;border:1px solid #d6e0dc;border-radius:8px;background:#334e5f;padding:14px}.waveform-preview-card svg{display:block;width:100%;height:auto}.orientation-field{display:grid;min-width:0;margin:0;border:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.orientation-toggle,.category-chips{display:flex;flex-wrap:wrap;gap:6px}.orientation-button,.category-chip{min-height:36px;border:1px solid #bcc8c2;border-radius:8px;background:#fff;cursor:pointer;padding:7px 10px;font-size:.8rem;font-weight:560}.orientation-button{display:grid;width:40px;place-items:center;padding:0}.orientation-button--active,.category-chip--active{border-color:var(--accent);background:#dceee8}.orientation-icon{display:block;border:2px solid currentColor;border-radius:2px}.orientation-icon--portrait{width:14px;height:22px}.orientation-icon--landscape{width:24px;height:14px}.orientation-icon--square{width:18px;height:18px}.category-chip:disabled{cursor:not-allowed;opacity:.46}.category-chip--planned{border-style:dashed}.orientation-button:disabled{cursor:not-allowed;opacity:.46}.category-chip:hover,.orientation-button:hover{border-color:#96aaa4}.category-chip--active:hover,.orientation-button--active:hover{border-color:var(--accent)}.mat-settings-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,148px);gap:12px;align-items:start;border:1px solid #e0e8e4;border-radius:10px;background:#f8faf8;padding:11px 12px}.mat-style-field{display:grid;gap:9px;margin:0;border:0;padding:0}.mat-settings-group__options{display:grid;gap:10px}.mat-style-field legend,.mat-overlap-field{color:#465b55;font-size:.76rem;font-weight:650}.mat-radio-row{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:8px}.mat-radio,.mat-check{display:inline-flex;align-items:center;gap:8px;min-height:30px;color:var(--text-primary);font-size:.86rem;font-weight:520}.mat-radio input,.mat-check input{width:16px;min-height:16px;accent-color:var(--accent)}.mat-overlap-field select:disabled,.mat-check input:disabled,.mat-check input:disabled+span{cursor:not-allowed;opacity:.48}.mat-layer{display:grid;gap:10px;border-top:1px solid #dce5e0;padding-top:14px}.mat-layer+.mat-layer{margin-top:8px;padding-top:14px}.mat-layer__heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.mat-layer__heading h3{margin:0;color:#465b55;font-size:.9rem;font-weight:620}.mat-swatch-grid{display:flex;flex-wrap:wrap;gap:8px;padding:2px 2px 6px}.mat-swatch{position:relative;display:block;width:36px;height:36px;flex:0 0 36px;overflow:hidden;border:1px solid rgb(0 0 0 / 9%);border-radius:4px;background:#fff;cursor:pointer;padding:0;box-shadow:0 2px 1px -1px #0000009e;transition:box-shadow .12s ease,transform .12s ease}.mat-swatch img{display:block;width:100%;height:100%;object-fit:cover}.mat-swatch__check{position:absolute;inset:0;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 1px 1px rgb(0 0 0 / 65%));pointer-events:none}.mat-swatch__check--dark{color:#000;filter:drop-shadow(0 1px 1px rgb(255 255 255 / 74%))}.mat-swatch:hover{outline:2px solid #a6bbb3;outline-offset:2px}@media(hover:hover){.mat-swatch:hover,.mat-swatch:focus-visible{z-index:1;box-shadow:0 2px 2px #000;transform:scale(1.5)}}.mat-swatch--selected{outline:3px solid var(--accent);outline-offset:2px}.selected-mat-summary{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;margin:-2px 0 2px;text-align:right}.selected-mat-summary__copy{display:grid;gap:2px;min-width:0}.selected-mat-summary__copy strong{color:var(--text-primary);font-size:.9rem;font-weight:720;line-height:1.18}.selected-mat-summary__copy span{color:var(--text-muted);font-size:.82rem;line-height:1.25}.selected-mat-summary__swatch{display:block;width:42px;height:42px;flex:0 0 42px;overflow:hidden;border:1px solid rgb(0 0 0 / 9%);border-radius:4px;box-shadow:0 2px 1px -1px #0000009e}.selected-mat-summary__swatch img{display:block;width:100%;height:100%;object-fit:cover}.mat-width-controls{display:grid;gap:9px;margin:4px 0 0;border:0;border-top:1px solid #e1e7e4;padding:12px 0 0}.mat-width-row{display:grid;grid-template-columns:18px minmax(112px,1fr) 68px auto;gap:7px;align-items:center;color:var(--text-primary);font-size:.86rem;font-weight:560}.mat-width-row input[type=radio]{width:16px;min-height:16px;accent-color:var(--accent)}.mat-width-row input[type=number],.mat-custom-width-grid input[type=number]{min-height:30px;border-radius:5px;padding:5px 7px;font-size:.8rem}.mat-width-row span:last-child,.mat-custom-width-grid>span{color:var(--text-muted);font-size:.8rem;font-weight:520}.mat-custom-width{display:grid;gap:5px}.mat-custom-width>.mat-width-row{grid-template-columns:18px minmax(0,1fr)}.mat-custom-width-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:6px;align-items:end;margin-left:25px}.mat-custom-width-grid label{gap:3px;font-size:.7rem;font-weight:560}.bottom-mat-width-row{display:grid;grid-template-columns:auto 68px auto;gap:7px;align-items:center;color:var(--text-primary);font-size:.86rem;font-weight:560}.bottom-mat-width-row input{min-height:30px;border-radius:5px;padding:5px 7px;font-size:.8rem}.bottom-mat-width-row span:last-child{color:var(--text-muted);font-size:.8rem;font-weight:520}.mat-width-controls input:disabled,.mat-width-controls input:disabled+span,.mat-custom-width-grid input:disabled{cursor:not-allowed;opacity:.46}.glass-panel{gap:14px}.hardware-section{display:grid;min-width:0;gap:9px;border-top:1px solid #dce5e0;padding-top:12px}.hardware-grid{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:10px;align-items:start}.hardware-choice-list{display:grid;min-width:0;gap:7px}.hardware-choice{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;color:var(--text-primary);font-size:.86rem;font-weight:520}.hardware-choice input{width:16px;min-height:16px;margin-top:1px;accent-color:var(--accent)}.hardware-choice__copy{display:grid;gap:2px;min-width:0}.hardware-choice__label{display:flex;flex-wrap:wrap;gap:5px;align-items:center;min-width:0;line-height:1.2}.hardware-choice small{color:var(--text-muted);font-size:.74rem;font-style:italic;font-weight:500;line-height:1.25}.hardware-choice--disabled{color:var(--text-soft)}.hardware-choice--disabled input,.hardware-choice--disabled .hardware-choice__copy{cursor:not-allowed;opacity:.72}.option-badge{border:1px solid #4aa061;border-radius:3px;background:#e9f7ec;color:#206936;padding:1px 4px;font-size:.62rem;font-style:normal;font-weight:740;line-height:1.25}.option-badge--premium{border-color:#5c4b00;background:#1f1b06;color:#ffdc45}.hardware-details{display:grid;min-width:0;gap:8px;border:1px solid #d4ddd8;border-radius:8px;background:#f8faf7;padding:9px 10px;font-size:.78rem}.hardware-details__header{display:grid;min-width:0;gap:4px;border-bottom:1px solid #dce5e0;padding-bottom:7px}.hardware-details__header div{display:grid;min-width:0;gap:2px}.hardware-details h3{overflow:hidden;margin:0;color:var(--text-primary);font-size:.86rem;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.hardware-details__header span{color:var(--text-muted);font-size:.68rem;font-weight:760;letter-spacing:0;text-transform:uppercase}.hardware-details__body{display:grid;min-width:0;gap:8px}.hardware-details__body--with-image{grid-template-columns:82px minmax(0,1fr);align-items:start}.hardware-details__image{display:block;width:82px;aspect-ratio:1;border:1px solid #cfd9d4;border-radius:6px;background:#fff;object-fit:cover}.hardware-details ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.hardware-details li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:7px;align-items:start;color:#3f4f4b;line-height:1.3}.hardware-details svg{color:#67a970}.printing-note{margin:0;border:1px solid #cfe0da;border-radius:8px;background:#eef7f4;color:#2f6258;padding:10px 12px;font-size:.78rem;font-weight:600;line-height:1.35}.upload-dropzone{display:grid;gap:5px;border:1px dashed #aebfba;border-radius:10px;background:#f8faf8;cursor:pointer;padding:14px;text-align:center}.upload-dropzone--button{width:100%;font:inherit}.upload-dropzone--disabled,.upload-dropzone:disabled{cursor:wait;opacity:.72}.upload-dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.upload-dropzone__action{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--accent);font-size:.88rem;font-weight:740;line-height:1}.upload-dropzone__action svg{flex:0 0 auto}.upload-dropzone small{color:var(--text-muted);font-size:.74rem;line-height:1.3}.uploaded-image-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;border:1px solid #d4ddd8;border-radius:8px;background:#fff;padding:10px}.uploaded-image-summary div{display:grid;min-width:0;gap:2px}.uploaded-image-summary strong{overflow:hidden;color:var(--text-primary);font-size:.82rem;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.uploaded-image-summary span{color:var(--text-muted);font-size:.74rem}.uploaded-image-summary .action-label{color:var(--text-primary);font-size:.8rem;font-weight:680}.template-asset-card{display:flex;flex-direction:row;align-items:center;gap:0;border:1px solid #d7e2dd;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .12s}.template-asset-card--active{border-color:var(--accent);background:#f0f8f5}.template-asset-card__select{display:flex;flex:1;flex-direction:row;gap:10px;align-items:center;min-width:0;border:0;background:transparent;cursor:pointer;padding:8px;text-align:left}.template-asset-card__select:hover{background:#f5faf8}.template-asset-card img{width:64px;height:48px;border-radius:7px;background:#eef2ef;object-fit:cover}.template-asset-card__copy{display:grid;flex:1;min-width:0;gap:3px}.template-asset-card__copy strong{overflow:hidden;color:var(--text-primary);font-size:.82rem;font-weight:720;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.template-asset-card__copy span{overflow:hidden;color:var(--text-muted);font-size:.72rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.template-asset-card__actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;padding-right:8px}.icon-action{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d5dfda;border-radius:8px;background:#fff;color:#31433f;cursor:pointer}.icon-action:hover{border-color:#b8c7c1;background:#f7faf8;color:#a1362a}.image-picker-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#121e1c57;padding:18px}.image-picker-modal{display:grid;gap:14px;width:min(720px,calc(100vw - 36px));max-height:min(760px,calc(100vh - 36px));overflow:auto;border:1px solid #cfdcd7;border-radius:10px;background:#fff;box-shadow:0 20px 70px #0f221e3d;padding:18px}.image-picker-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.image-picker-modal__header h2{margin:0;color:var(--text-primary);font-size:1rem;line-height:1.2}.image-picker-modal__header p{margin:4px 0 0;color:var(--text-muted);font-size:.8rem;line-height:1.35}.image-picker-modal__close{border:1px solid #cddbd5;border-radius:7px;background:#fff;color:var(--text-primary);cursor:pointer;font-size:.78rem;font-weight:720;padding:8px 10px}.recent-image-section{display:grid;gap:10px}.recent-image-section__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.recent-image-section__header h3{margin:0;color:var(--text-primary);font-size:.86rem}.recent-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.recent-image-card{display:grid;gap:8px;min-width:0;border:1px solid #d7e1dd;border-radius:9px;background:#fbfcfb;padding:8px}.recent-image-card__preview{position:relative;overflow:hidden;aspect-ratio:4 / 3;border:0;border-radius:7px;background:#eef4f2;cursor:pointer;padding:0}.recent-image-card__preview img{width:100%;height:100%;object-fit:cover;display:block}.recent-image-card__preview span{display:grid;place-items:center;height:100%;color:var(--text-muted);font-size:.78rem}.recent-image-card__copy{display:grid;gap:2px;min-width:0}.recent-image-card__copy strong{overflow:hidden;color:var(--text-primary);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.recent-image-card__copy span{color:var(--text-muted);font-size:.72rem;line-height:1.25}.recent-image-card__actions{display:flex;gap:6px}.recent-image-card__actions button{flex:1;border:1px solid #c9d8d3;border-radius:7px;background:#fff;color:var(--text-primary);cursor:pointer;font-size:.76rem;font-weight:700;padding:8px}.recent-image-card__actions button:first-child{border-color:var(--accent);background:#eef8f5;color:var(--accent)}.recent-image-empty{margin:0;border:1px dashed #d0ddd8;border-radius:9px;color:var(--text-muted);font-size:.8rem;padding:14px;text-align:center}.control-group{display:grid;gap:8px;margin:0;border:0;padding:0}.control-group legend{color:#465b55;font-size:.76rem;font-weight:650;margin-bottom:5px}.product-config-summary{display:grid;gap:4px;border:1px solid #d6e0dc;border-radius:8px;background:#f7faf8;padding:10px 11px}.product-config-summary strong{color:var(--text-primary);font-size:.88rem;font-weight:720}.product-config-summary span,.product-config-summary small{color:var(--text-muted);font-size:.76rem;line-height:1.35}.product-config-summary--compact{border-radius:10px;background:#f9fbfa;padding:9px 10px}.setup-panel__planned-note{display:block;margin-top:8px;color:var(--text-muted);font-size:.75rem;line-height:1.35}.setup-panel__template-group{display:grid;gap:6px}.setup-panel__template-group+.setup-panel__template-group{margin-top:8px}.setup-panel__section-label{color:var(--text-muted);font-size:.72rem;font-weight:680;letter-spacing:0;text-transform:uppercase}.studio-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-template-card{display:grid;min-width:0;grid-template-rows:auto minmax(0,1fr);gap:8px;border:1px solid #d9e4df;border-radius:12px;background:#fff;color:var(--text-primary);cursor:pointer;padding:10px;text-align:left}.studio-template-card:hover{border-color:#b7cbc4;background:#f8fbf9}.studio-template-card--active{border-color:var(--accent);background:#edf7f3;box-shadow:inset 0 0 0 1px var(--accent)}.studio-template-card--disabled{cursor:not-allowed;opacity:.58}.studio-template-card__thumb{display:grid;height:62px;place-items:center;border-radius:9px;background:linear-gradient(135deg,#23796721,#23796708),#f3f7f5;color:var(--accent)}.studio-template-card--disabled .studio-template-card__thumb{color:#7d8d88}.studio-template-card__copy{display:grid;min-width:0;gap:2px}.studio-template-card__copy strong{overflow:hidden;font-size:.82rem;font-weight:760;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.studio-template-card__copy small{color:var(--text-muted);font-size:.68rem;font-weight:680;line-height:1.2}.setup-panel__divider{border:none;border-top:1px solid #e8eeed;margin:8px 0 4px}.design-seed-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.design-seed-card-wrap{position:relative;display:flex}.design-seed-card__admin{position:absolute;top:6px;right:6px;display:flex;gap:4px}.design-seed-card__admin button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid #d9e4df;border-radius:7px;background:#ffffffeb;color:#3a4a44;cursor:pointer;box-shadow:0 1px 4px #0000001f}.design-seed-card__admin button:hover{background:#fff;border-color:#b7cbc4}.design-seed-card__admin button:last-child:hover{color:#9f2f24;border-color:#e0a59f}.design-seed-card__admin button:disabled{opacity:.5;cursor:default}.design-seed-card{display:grid;grid-template-rows:auto 1fr;gap:0;border:1px solid #d9e4df;border-radius:12px;background:#fff;cursor:pointer;overflow:hidden;padding:0;text-align:left;width:100%;transition:border-color .12s,background .12s}.design-seed-card:hover{border-color:#b7cbc4;background:#f8fbf9}.design-seed-card--active,.design-seed-card--active:hover{border-color:#2f8f6b;border-width:2px;box-shadow:0 0 0 3px #2f8f6b59;background:#f2faf6}.tool-panel__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:#6b7280}.tool-panel__spinner{width:28px;height:28px;border-radius:50%;border:3px solid #d9e4df;border-top-color:#2f8f6b;animation:tool-panel-spin .8s linear infinite}@keyframes tool-panel-spin{to{transform:rotate(360deg)}}.design-seed-card__thumb-wrap{display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:10px 10px 0 0;background:#f3f7f5}.design-seed-card__thumb{display:block;width:100%;height:100%;object-fit:contain}.design-seed-card__thumb--placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#fce4ec,#f3e5f5);color:#9c3d60}.design-seed-card__copy{display:grid;gap:3px;padding:8px 10px 10px;min-width:0}.design-seed-card__copy strong{display:block;font-size:.78rem;font-weight:760;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-seed-card__copy small{color:var(--text-muted);font-size:.68rem;line-height:1.25}.canvas-edge-control{gap:12px}.canvas-edge-preview{position:relative;overflow:hidden;width:min(100%,260px);height:224px;margin:0 auto 2px}.canvas-edge-preview:before{position:absolute;top:16px;bottom:18px;left:13px;z-index:0;width:40px;border-radius:3px;background:#0000004d;content:"";filter:blur(8px);transform:translate(-3px,8px)}.canvas-edge-preview__front,.canvas-edge-preview__side{position:absolute;background-position:center;background-repeat:no-repeat}.canvas-edge-preview__front{inset:12px 14px 18px 47px;z-index:2;border:1px solid rgb(0 0 0 / 10%);border-radius:2px;background-position:left top;background-size:260% auto;box-shadow:-15px 10px 13px #0000002b,14px 17px 22px #12161524;clip-path:polygon(0 0,100% 7%,100% 100%,0 100%)}.canvas-edge-preview__side{top:12px;bottom:18px;left:23px;z-index:1;width:28px;overflow:hidden;border-radius:2px 0 0 2px;box-shadow:-8px 10px 12px #0003,5px 13px 16px #12161521;clip-path:polygon(0 6%,100% 0,100% 100%,0 100%)}.canvas-edge-preview__side--black,.canvas-edge-option__side--black{background:#080908}.canvas-edge-preview__side--white,.canvas-edge-option__side--white{border:1px solid #d6ddd9;background:linear-gradient(90deg,#f0f1ee,#fff 55%,#e8ece8)}.canvas-edge-preview__side--mirror,.canvas-edge-option__side--mirror{filter:saturate(.9) brightness(.72)}.canvas-edge-preview__side--mirror:before,.canvas-edge-option__side--mirror:before{position:absolute;inset:0;background-image:inherit;background-position:left top;background-repeat:no-repeat;content:"";transform:scaleX(-1)}.canvas-edge-preview__side--mirror:before{background-size:1600% auto}.canvas-edge-option__side--mirror:before{background-size:820% auto}.canvas-edge-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.canvas-edge-option{display:grid;gap:7px;justify-items:center;min-height:114px;border:0;border-radius:8px;background:transparent;cursor:pointer;padding:6px 4px;text-align:center}.canvas-edge-option:hover{background:#f4f7f5}.canvas-edge-option--selected{background:#eef7f3}.canvas-edge-option__thumb{position:relative;display:block;overflow:hidden;width:92px;height:76px}.canvas-edge-option__thumb:before{position:absolute;top:7px;bottom:11px;left:4px;z-index:0;width:25px;border-radius:3px;background:#00000047;content:"";filter:blur(5px);transform:translate(-2px,5px)}.canvas-edge-option__front,.canvas-edge-option__side{position:absolute;background-position:center;background-repeat:no-repeat}.canvas-edge-option__front{inset:4px 7px 11px 28px;z-index:2;border:1px solid rgb(0 0 0 / 10%);border-radius:2px;background-position:left top;background-size:260% auto;box-shadow:-7px 5px 7px #00000029,5px 9px 12px #1216151c;clip-path:polygon(0 0,100% 7%,100% 100%,0 100%)}.canvas-edge-option__side{top:4px;bottom:11px;left:11px;z-index:1;width:19px;overflow:hidden;border-radius:2px 0 0 2px;box-shadow:-4px 6px 8px #0000002e,3px 8px 10px #1216151a;clip-path:polygon(0 6%,100% 0,100% 100%,0 100%)}.canvas-edge-option__copy{display:inline-flex;gap:5px;align-items:center;justify-content:center;min-width:0}.canvas-edge-option__copy strong{color:var(--text-primary);font-size:.8rem;font-weight:620}.canvas-edge-option__radio{width:12px;height:12px;border:1px solid #70807b;border-radius:999px;background:#fff}.canvas-edge-option--selected .canvas-edge-option__radio{border:3px solid #0b73e8}.background-control{gap:10px}.background-colour-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center}.background-custom-colour-button{position:relative;display:grid;width:44px;min-height:42px;place-items:center;border:1px solid #c8d2cd;border-radius:8px;background:#fff;cursor:pointer;padding:0}.background-custom-colour-button input[type=color]{position:absolute;inset:0;width:100%;height:100%;border:0;cursor:pointer;opacity:0;padding:0}.background-custom-colour-button span{width:28px;height:24px;border:1px solid rgb(17 31 27 / 22%);border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff5c}.text-add-action{min-height:40px}.text-panel__description{margin:-2px 0 0;color:var(--text-muted);font-size:.78rem;line-height:1.4}.text-quick-add{display:grid;gap:8px}.text-quick-add__label{color:var(--text-muted);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.text-quick-add__options{display:flex;flex-wrap:wrap;gap:8px}.text-quick-add__option{min-height:34px;border:1px solid #cbd7d1;border-radius:999px;background:#fff;color:var(--text-primary);cursor:pointer;padding:0 12px;font-size:.8rem;font-weight:650}.text-quick-add__option:hover{border-color:var(--accent);color:var(--accent)}.text-layer-list{display:grid;gap:8px}.text-layer-row{display:grid;grid-template-columns:44px minmax(0,1fr) 30px;gap:9px;align-items:center;border:1px solid #d6e0dc;border-radius:8px;background:#fff;padding:7px}.text-layer-row--active{border-color:var(--accent);background:#f2faf7;box-shadow:0 0 0 1px #1f7a6429}.text-layer-select{display:grid;grid-column:1 / 3;grid-template-columns:44px minmax(0,1fr);gap:9px;align-items:center;min-width:0;border:0;background:transparent;cursor:pointer;padding:0;color:inherit;text-align:left}.text-layer-preview{display:grid;width:40px;height:34px;place-items:center;overflow:hidden;border:1px solid #dfe8e4;border-radius:7px;background:#fbfbfa;font-size:.9rem;line-height:1}.text-layer-copy{display:grid;min-width:0;gap:2px}.text-layer-copy strong,.text-layer-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-layer-copy strong{color:var(--text-primary);font-size:.82rem;font-weight:720}.text-layer-copy small{color:var(--text-muted);font-size:.72rem;font-weight:620}.text-layer-delete{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:7px;background:transparent;cursor:pointer;color:#aa2f2f;padding:0}.text-layer-delete:hover{background:#fae7e7}.text-section{gap:11px}.text-active-section{gap:10px}.text-editor{gap:6px}.text-editor textarea{width:100%;min-height:78px;resize:vertical;border:1px solid #bfd0c9;border-radius:8px;background:#fff;padding:9px;color:var(--text);font:inherit;line-height:1.35}.text-control-strip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center}.text-position-control{min-height:38px;border:1px solid #c8d2cd;border-radius:8px;background:#fff}.text-position-control{display:flex;overflow:hidden}.text-icon-button{display:grid;width:34px;min-height:36px;place-items:center;border:0;border-right:1px solid #e0e8e4;background:transparent;color:#4e625d;cursor:pointer;padding:0}.text-icon-button:last-child{border-right:0}.text-icon-button--active{background:#e7f4ef;color:var(--accent)}.font-preset-dropdown{position:relative;min-width:0}.font-preset-dropdown__trigger{display:grid;width:100%;min-height:38px;grid-template-columns:24px minmax(0,1fr) 16px;gap:7px;align-items:center;border:1px solid #c8d2cd;border-radius:8px;background:#fff;color:var(--text-primary);cursor:pointer;padding:5px 8px;text-align:left}.font-preset-dropdown__copy{display:grid;min-width:0;gap:1px}.font-preset-dropdown__copy span,.font-preset-dropdown__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-preset-dropdown__copy span{color:var(--text-muted);font-size:.66rem;font-weight:700}.font-preset-dropdown__copy strong{font-size:.84rem;font-weight:560}.font-preset-dropdown__chevron{width:0;height:0;border-top:5px solid #5d6c67;border-right:4px solid transparent;border-left:4px solid transparent;justify-self:center}.font-preset-dropdown__panel{position:absolute;z-index:32;top:calc(100% + 6px);right:0;display:grid;width:min(260px,calc(100vw - 40px));max-height:260px;gap:2px;overflow:auto;border:1px solid #c6d1cc;border-radius:9px;background:#fff;box-shadow:0 14px 30px #1823202e;padding:6px}.font-preset-option{display:flex;min-height:32px;align-items:center;justify-content:space-between;gap:8px;border:0;border-radius:6px;background:transparent;color:var(--text-primary);cursor:pointer;padding:6px 9px;text-align:left}.font-preset-option--active{background:#f2faf7;color:#173f35}.font-preset-option__label{overflow:hidden;font-size:.94rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.text-colour-row{display:grid;gap:6px}.text-colour-label{color:#465b55;font-size:.76rem;font-weight:700}.text-colour-control{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center}.text-custom-colour-button{position:relative;display:grid;width:44px;min-height:42px;place-items:center;border:1px solid #c8d2cd;border-radius:8px;background:#fff;cursor:pointer;padding:0}.text-custom-colour-button input[type=color]{position:absolute;inset:0;width:100%;height:100%;border:0;cursor:pointer;opacity:0;padding:0}.text-custom-colour-button span{width:28px;height:24px;border:1px solid rgb(17 31 27 / 22%);border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff5c}.text-effect-row{display:grid;gap:6px}.text-effect-label{color:#465b55;font-size:.76rem;font-weight:700}.text-size-row{display:grid;gap:6px}.text-size-header{display:flex;justify-content:space-between;align-items:baseline}.text-size-label{color:#465b55;font-size:.76rem;font-weight:700}.text-size-value{color:var(--text-muted);font-size:.74rem;font-weight:650}.text-size-input{display:inline-flex;align-items:center;gap:2px;color:var(--text-muted);font-size:.74rem;font-weight:650}.text-size-input input[type=number]{width:3.4em;padding:2px 4px;border:1px solid #d0dcd7;border-radius:6px;text-align:right;font-size:.74rem;font-weight:650;color:#2b3a35;-moz-appearance:textfield}.text-size-input input[type=number]::-webkit-outer-spin-button,.text-size-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.text-size-row input[type=range]{width:100%;padding:0;margin:0}.text-effect-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.text-effect-button{min-height:34px;border:1px solid #c8d2cd;border-radius:8px;background:#fff;color:var(--text-primary);cursor:pointer;padding:6px 8px;font-size:.76rem;font-weight:650}.text-effect-button--active{border-color:var(--accent);background:#e7f4ef;color:#173f35}.colour-preset-dropdown{position:relative;min-width:0}.colour-preset-dropdown--open{z-index:20}.colour-preset-dropdown__trigger{display:grid;width:100%;min-height:42px;grid-template-columns:28px minmax(0,1fr) 14px;gap:8px;align-items:center;border:1px solid #c8d2cd;border-radius:8px;background:#fff;color:var(--text-primary);cursor:pointer;padding:6px 9px;text-align:left}.colour-preset-dropdown__chip{width:26px;height:26px;border:1px solid rgb(17 31 27 / 24%);border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff6b}.colour-preset-dropdown__copy{display:block;min-width:0}.colour-preset-dropdown__copy span{display:block;overflow:hidden;color:var(--text-primary);font-size:.78rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.colour-preset-dropdown__chevron{width:0;height:0;border-top:5px solid #5d6c67;border-right:4px solid transparent;border-left:4px solid transparent;justify-self:center}.colour-preset-dropdown__panel{position:absolute;z-index:50;top:calc(100% + 6px);left:0;display:grid;width:min(268px,calc(100vw - 40px));max-height:238px;grid-template-columns:repeat(7,26px);gap:5px;overflow:auto;border:1px solid #c6d1cc;border-radius:9px;background:#fff;box-shadow:0 14px 30px #1823202e;padding:8px}.colour-preset-option{display:grid;width:26px;height:26px;place-items:center;border:1px solid rgb(17 31 27 / 18%);border-radius:4px;cursor:pointer;padding:0}.colour-preset-option--active{outline:2px solid var(--accent);outline-offset:1px}.colour-preset-row{display:flex;flex-wrap:wrap;gap:6px}.colour-preset-swatch{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid rgb(17 31 27 / 20%);box-shadow:inset 0 0 0 1px #ffffff4d;cursor:pointer;padding:0;background:#e8e0d0}.colour-preset-swatch--active{outline:2px solid var(--accent);outline-offset:2px}.colour-preset-swatch__natural{font-size:.8rem;color:#6b7280;line-height:1;pointer-events:none}.map-style-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:5px;margin-top:4px}.map-style-preset{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px 7px;border-radius:8px;border:1.5px solid rgb(17 31 27 / 15%);background:transparent;cursor:pointer;transition:background .12s,border-color .12s}.map-style-preset:hover{background:#111f1b0d;border-color:#111f1b47}.map-style-preset--active{background:var(--accent-subtle, rgb(0 122 92 / 8%));border-color:var(--accent, #007a5c)}.map-preset-swatch{position:relative;width:50px;height:20px;flex-shrink:0}.map-preset-swatch__dot{position:absolute;width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);box-shadow:0 0 0 .5px #00000024}.map-style-preset__label{font-size:.66rem;line-height:1.2;color:var(--text-secondary, #4b5563);text-align:center;white-space:normal;word-break:break-word;max-width:100%}.map-style-preset--active .map-style-preset__label{color:var(--accent, #007a5c);font-weight:600}.map-marker-options{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.map-marker-option{display:flex;align-items:center;justify-content:center;width:44px;height:40px;border-radius:8px;border:1.5px solid rgb(17 31 27 / 15%);background:transparent;cursor:pointer;color:var(--text-secondary, #4b5563);transition:background .12s,border-color .12s,color .12s}.map-marker-option:hover{background:#111f1b0d;border-color:#111f1b47}.map-marker-option--active{background:var(--accent-subtle, rgb(0 122 92 / 8%));border-color:var(--accent, #007a5c);color:var(--accent, #007a5c)}.text-empty-state{margin:0;border:1px solid #dfe8e4;border-radius:8px;background:#fcfdfb;color:var(--text-muted);padding:11px;font-size:.78rem;line-height:1.35}.mode-buttons{display:flex;flex-wrap:wrap;gap:6px}.frame-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,180px);gap:8px}.frame-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;max-height:560px;overflow:auto;padding:4px 4px 8px}.frame-grid--workspace{display:flex;gap:10px;max-height:none;margin-bottom:0;overflow-x:auto;overflow-y:hidden;padding:4px 4px 12px}.frame-grid--workspace .frame-card,.frame-grid--workspace .frame-card--selected{flex:0 0 122px}.frame-grid--workspace>p{margin:0}.frame-card{display:grid;grid-template-columns:1fr;gap:6px;align-items:start;min-height:202px;border:1px solid #d4ddd8;border-radius:8px;background:#fff;cursor:pointer;padding:8px;text-align:center;font-size:.78rem}.frame-card__thumb{display:grid;gap:2px;justify-items:center;min-width:0}.frame-card img{width:76px;height:140px;object-fit:contain}.frame-card__thumb strong{color:var(--text-primary);font-size:.78rem;font-weight:760;line-height:1.12}.frame-card__thumb small{color:var(--text-muted);font-size:.72rem;font-weight:500;line-height:1.15}.frame-card__details,.frame-card--selected .frame-card__details{display:none}.frame-card--selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.selected-frame-block{display:grid;gap:8px}.selected-frame-details{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;border:1px solid #d4ddd8;border-radius:8px;background:#f8faf7;padding:8px 10px;font-size:.74rem}.selected-frame-details div{min-width:0}.selected-frame-details dt{color:var(--text-muted);font-weight:650}.selected-frame-details dd{margin:0;overflow:hidden;color:var(--text-primary);font-weight:720;text-overflow:ellipsis;white-space:nowrap}.selected-frame-remove{justify-self:start;min-height:32px}.metrics-strip{display:grid;grid-template-columns:1fr;gap:6px;margin:0;border:1px solid #d4ddd8;border-radius:8px;background:#f8faf7;padding:10px;font-size:.8rem}.metrics-strip div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px}.metrics-strip dt,.summary dt{color:var(--text-muted);font-weight:650}.metrics-strip dd,.summary dd{margin:0;color:var(--text-primary);font-weight:520}.summary{display:grid;gap:10px;margin:0}.summary div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px}.review-panel{gap:16px}.review-hero{display:grid;gap:7px;border:1px solid #c8d9d3;border-radius:10px;background:#f4faf7;padding:14px}.review-preview-image{display:block;width:100%;max-height:240px;object-fit:contain;border:1px solid #d8e3de;border-radius:8px;background:#f8faf7}.review-hero div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.review-hero span,.review-hero small{color:var(--text-muted);font-size:.78rem;font-weight:650}.review-hero strong{color:var(--text-primary);font-size:1.45rem;font-weight:780}.review-hero p,.review-empty{margin:0;color:var(--text-primary);font-size:.86rem;font-weight:600}.review-quantity{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #d7e2dd;border-radius:10px;background:#fff;padding:12px 14px}.review-quantity label{color:var(--text-primary);font-size:.84rem;font-weight:760}.review-quantity div{display:grid;grid-template-columns:36px 58px 36px;overflow:hidden;border:1px solid #cbd8d2;border-radius:8px;background:#f8faf7}.review-quantity button,.review-quantity input{min-height:36px;border:0;background:transparent;color:var(--text-primary);font:inherit;font-weight:760;text-align:center}.review-quantity button{cursor:pointer}.review-quantity button:disabled{cursor:not-allowed;opacity:.45}.review-quantity input{border-right:1px solid #cbd8d2;border-left:1px solid #cbd8d2;-moz-appearance:textfield}.review-quantity input::-webkit-inner-spin-button,.review-quantity input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.review-section{display:grid;gap:10px;border-top:1px solid #dce4e0;padding-top:14px}.review-section h3{margin:0;color:var(--text-primary);font-size:.84rem;font-weight:760}.review-actions{display:grid;grid-template-columns:1fr;gap:10px;border-top:1px solid #dce4e0;padding-top:14px}.review-action-button{min-height:44px}.rule-list{display:grid;gap:10px}.rule-card{display:grid;gap:4px;border:1px solid #d4ddd8;border-radius:8px;padding:12px;font-size:.82rem}.rule-card span,.rule-card small{color:var(--text-muted)}.dev-panel{display:grid;gap:12px;border-top:1px solid #d4ddd8;padding-top:16px}.message{margin:0;color:var(--accent);font-size:.8rem;font-weight:650}@media(max-width:1180px){.studio-workspace{grid-template-columns:80px minmax(360px,410px) minmax(0,1fr)}.studio-workspace--drawer-closed{grid-template-columns:80px minmax(0,1fr)}.studio-workspace--review{grid-template-columns:minmax(0,1fr) minmax(360px,400px)}.setup-grid,.frame-toolbar{grid-template-columns:1fr 1fr}}@media(max-width:820px){body{overflow:auto}.studio-shell{height:auto;min-height:100vh}.studio-topbar{grid-template-columns:1fr;height:auto;padding:10px}.studio-workspace,.studio-workspace--review{grid-template-columns:1fr}.studio-rail{position:sticky;top:0;z-index:3;flex-direction:row;border-right:0;border-bottom:1px solid #d4ddd8;overflow-x:auto}.studio-tool{min-width:72px}.studio-drawer{max-height:none;margin:12px}.studio-stage{min-height:520px;padding:16px}}.artwork-layer-overlay{position:absolute;top:0;left:0;height:auto;pointer-events:none;overflow:visible;touch-action:none}.layer-overlay-inactive{transition:opacity .12s ease;opacity:.7}.layer-overlay-inactive:hover{opacity:1}.waveform-overlay-section{display:grid;gap:10px}.waveform-overlay-header{display:flex;align-items:center;justify-content:space-between}.waveform-overlay-header legend{font-size:.82rem;font-weight:600;color:#3d4a44;padding:0}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;gap:6px}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-switch__track{display:block;width:36px;height:20px;border-radius:10px;background:#c8d4ce;transition:background .18s ease;flex-shrink:0}.toggle-switch__track:after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#fff;margin:3px;transition:transform .18s ease;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-switch__track{background:#1a6b4a}.toggle-switch input:checked+.toggle-switch__track:after{transform:translate(16px)}.layer-toolbar{position:absolute;display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 8px #0000001f;padding:4px 8px;height:40px;white-space:nowrap;z-index:200;-webkit-user-select:none;user-select:none}.layer-toolbar__kind{font-size:12px;font-weight:600;color:#374151;padding-right:4px;border-right:1px solid #e5e7eb;margin-right:4px}.layer-toolbar__map-hint{font-size:11px;color:#6b7280;white-space:nowrap;padding:0 2px}@media(pointer:coarse){.layer-toolbar__map-hint{display:none}}.tool-panel__stack{display:flex;flex-direction:column;gap:10px}.journey-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.journey-card__title{font-size:.98rem;font-weight:700;color:var(--text-primary, #111f1b);letter-spacing:-.01em}.journey-select{flex:1;min-width:90px;padding:6px 8px;border-radius:6px;border:1.5px solid rgb(17 31 27 / 15%);background:#fff;font-size:.82rem;color:var(--text-primary, #111f1b);cursor:pointer}.journey-texture-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:4px}.journey-texture{aspect-ratio:1;border-radius:8px;border:2px solid transparent;box-shadow:0 0 0 1px #111f1b26;background-size:cover;background-position:center;cursor:pointer;padding:0;transition:transform .1s}.journey-texture:hover{transform:scale(1.06)}.journey-texture--active{border-color:var(--accent, #007a5c);box-shadow:0 0 0 2px var(--accent, #007a5c)}.journey-select:focus-visible{outline:none;border-color:var(--accent, #007a5c)}.journey-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:1.5px solid rgb(17 31 27 / 15%);background:transparent;color:var(--text-secondary, #4b5563);cursor:pointer;transition:background .12s,border-color .12s,color .12s}.journey-icon-btn:hover{background:#111f1b0d;border-color:#111f1b47}.journey-swatch-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.journey-swatch{width:24px;height:24px;border-radius:50%;border:2px solid rgb(255 255 255 / 70%);box-shadow:0 0 0 1px #111f1b26;cursor:pointer;padding:0;transition:transform .1s}.journey-swatch:hover{transform:scale(1.12)}.journey-swatch--active{box-shadow:0 0 0 2px var(--accent, #007a5c)}.journey-swatch--custom{display:inline-flex;align-items:center;justify-content:center;background:conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);overflow:hidden;position:relative}.journey-swatch--custom input[type=color]{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;padding:0;background:transparent;opacity:0;cursor:pointer}.journey-connector{border-top:1px solid rgb(17 31 27 / 10%);padding-top:8px;margin-top:8px;display:flex;flex-direction:column;gap:6px}.journey-connector__row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.journey-connector__row select{flex:1;min-width:90px}.layer-toolbar__btn{display:flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px;border-radius:4px;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;cursor:pointer;transition:background .1s}.layer-toolbar__btn:hover{background:#f3f4f6}.layer-toolbar__btn--delete{color:#ef4444;border-color:transparent;background:transparent}.layer-toolbar__btn--delete:hover{background:#fef2f2}.layer-toolbar__order{position:relative}.layer-toolbar__order-menu{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 16px #0000001f;z-index:300;min-width:160px;overflow:hidden}.layer-toolbar__order-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;color:#374151;background:transparent;border:none;cursor:pointer;text-align:left}.layer-toolbar__order-menu button:hover:not(:disabled){background:#f3f4f6}.layer-toolbar__order-menu button:disabled{opacity:.4;cursor:default}.layer-toolbar__opacity{display:flex;align-items:center;gap:4px;border-left:1px solid #e5e7eb;padding-left:8px;margin-left:4px}.layer-toolbar__opacity-label{font-size:11px;color:#6b7280}.layer-toolbar__opacity input[type=range]{width:64px;accent-color:#4f7ef7;cursor:pointer;padding:0}.layer-toolbar__opacity-value{font-size:11px;color:#374151;min-width:30px;text-align:right}.layer-toolbar__btn--crop{color:#4f7ef7;border-color:transparent}.layer-toolbar__btn--crop:hover{background:#eff6ff}.layer-toolbar__crop-shapes{display:flex;gap:2px}.layer-toolbar__btn--shape{color:#6b7280;border-color:#e5e7eb}.layer-toolbar__btn--shape:hover{background:#f3f4f6;color:#374151}.layer-toolbar__btn--shape-active{background:#eff6ff;color:#4f7ef7;border-color:#4f7ef7}.layer-toolbar__btn--crop-done{color:#16a34a;border-color:transparent;gap:3px}.layer-toolbar__btn--crop-done:hover{background:#f0fdf4}.layer-toolbar__btn--crop-cancel{color:#6b7280;border-color:transparent}.layer-toolbar__btn--crop-cancel:hover{background:#f3f4f6}.layer-toolbar__btn--text-align{color:#374151;border-color:#e5e7eb;min-width:30px}.layer-toolbar__btn--text-align:hover{background:#f3f4f6;color:#111827}.layer-toolbar__text-fx{position:relative}.layer-toolbar__btn--text-fx{font-size:11px;font-weight:700;letter-spacing:.02em;color:#6b7280;border-color:#e5e7eb;padding:0 8px;min-width:30px}.layer-toolbar__btn--text-fx:hover{background:#f3f4f6;color:#374151}.layer-toolbar__btn--text-fx-active{color:#2563eb;border-color:#bfdbfe;background:#eff6ff}.layer-toolbar__btn--text-fx-active:hover{background:#dbeafe}.layer-toolbar__btn--text-fx-open{background:#f3f4f6}.layer-toolbar__text-fx-menu{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #0000001f;min-width:108px;z-index:100;overflow:hidden}.layer-toolbar__text-fx-option{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;font-size:12px;color:#374151;background:none;border:none;cursor:pointer;text-align:left}.layer-toolbar__text-fx-option:hover{background:#f3f4f6}.layer-toolbar__text-fx-option--active{color:#2563eb;font-weight:600}.layer-toolbar__text-fx-option--active:hover{background:#eff6ff}.layer-toolbar__text-color{display:flex;align-items:center;cursor:pointer}.layer-toolbar__text-color input[type=color]{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.layer-toolbar__text-color span{display:block;width:18px;height:18px;border-radius:50%;border:2px solid rgba(0,0,0,.15);box-shadow:0 0 0 1px #fff9 inset;cursor:pointer}.layer-toolbar__text-color:hover span{border-color:#4f7ef7}.layer-toolbar__filters{position:relative}.layer-toolbar__btn--filters{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e5e7eb;border-radius:4px;background:#f9fafb;color:#374151;cursor:pointer;padding:0;transition:background .1s}.layer-toolbar__btn--filters:hover{background:#f3f4f6}.layer-toolbar__btn--filters-active{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.layer-toolbar__btn--filters-active:hover{background:#dbeafe}.layer-toolbar__filters-panel{position:absolute;top:calc(100% + 4px);right:0;z-index:300;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;min-width:200px;box-shadow:0 4px 16px #0000001f;display:flex;flex-direction:column;gap:12px}.layer-toolbar__filter-row{display:flex;flex-direction:column;gap:6px}.layer-toolbar__filter-row--inline{flex-direction:row;align-items:center;justify-content:space-between}.layer-toolbar__btn--filter-toggle{font-size:11px;padding:2px 10px;height:22px;border-radius:4px;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;cursor:pointer;font-weight:500}.layer-toolbar__btn--filter-toggle:hover{background:#f3f4f6}.layer-toolbar__btn--filter-toggle-active{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.layer-toolbar__btn--filter-toggle-active:hover{background:#dbeafe}.layer-toolbar__filter-row-header{display:flex;align-items:center;justify-content:space-between}.layer-toolbar__filter-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.layer-toolbar__filter-value{font-size:11px;color:#374151;font-variant-numeric:tabular-nums}.layer-toolbar__filter-select{width:100%;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-size:12px;padding:4px 6px;cursor:pointer;outline:none}.layer-toolbar__filter-select:focus{border-color:#4f7ef7;box-shadow:0 0 0 2px #4f7ef726}.layer-toolbar__filter-slider-row{display:flex;align-items:center;gap:6px}.layer-toolbar__filter-slider-row input[type=range]{flex:1;min-width:0;accent-color:#4f7ef7;cursor:pointer;padding:0}.layer-toolbar__filter-number{width:44px;flex-shrink:0;border:1px solid #e5e7eb;border-radius:4px;background:#f9fafb;color:#374151;font-size:11px;text-align:center;padding:2px 4px;outline:none;-moz-appearance:textfield;appearance:textfield}.layer-toolbar__filter-number:focus{border-color:#4f7ef7;box-shadow:0 0 0 2px #4f7ef726}.layer-toolbar__filter-number::-webkit-outer-spin-button,.layer-toolbar__filter-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.layer-toolbar__typography{position:relative}.layer-toolbar__btn--typography{display:flex;align-items:center;justify-content:center;padding:4px 5px;color:#6b7280}.layer-toolbar__btn--typography-open{background:#00000012}.layer-toolbar__btn--typography-active{color:#4f7ef7}.layer-toolbar__typography-panel{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001f;padding:10px 12px;width:200px;z-index:10;display:flex;flex-direction:column;gap:8px}.layer-toolbar__typo-row{display:flex;flex-direction:column;gap:4px}.layer-toolbar__typo-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.layer-toolbar__typo-slider-row{display:flex;align-items:center;gap:6px}.layer-toolbar__typo-slider-row input[type=range]{flex:1;min-width:0;accent-color:#4f7ef7;cursor:pointer;padding:0}.layer-toolbar__typo-number{width:44px;flex-shrink:0;border:1px solid #e5e7eb;border-radius:4px;background:#f9fafb;color:#374151;font-size:11px;text-align:center;padding:2px 4px;outline:none;-moz-appearance:textfield;appearance:textfield}.layer-toolbar__typo-number:focus{border-color:#4f7ef7;box-shadow:0 0 0 2px #4f7ef726}.layer-toolbar__typo-number::-webkit-outer-spin-button,.layer-toolbar__typo-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.shapes-panel__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 0}.shapes-panel__shape-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:none;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;color:#374151;font-size:12px;font-weight:500;line-height:1.2;text-align:center;transition:background .15s,border-color .15s,color .15s}.shapes-panel__shape-btn:hover{background:#f0f4ff;border-color:#4f7ef7;color:#4f7ef7}.shapes-panel__shape-btn:active{background:#e0eaff}.shapes-panel__shape-btn svg{width:36px;height:36px;flex-shrink:0}.shapes-panel__gradients{margin-top:12px;padding-top:12px;border-top:1px solid #eef0f4}.shapes-panel__gradient-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px 0}.shapes-panel__gradient-btn{display:flex;align-items:center;gap:8px;padding:6px 8px;background:none;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;color:#374151;font-size:11px;font-weight:500;text-align:left;transition:background .15s,border-color .15s,color .15s}.shapes-panel__gradient-btn:hover{background:#f0f4ff;border-color:#4f7ef7;color:#4f7ef7}.shapes-panel__gradient-swatch{width:32px;height:32px;flex-shrink:0;border-radius:6px;border:1px solid rgba(0,0,0,.12)}.shapes-panel__gradient-swatch--sm{width:20px;height:20px;border-radius:4px}.shapes-panel__layer-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.shapes-panel__layer-item{display:flex;align-items:center;gap:6px;border:1px solid #e5e7eb;border-radius:6px;background:#fafafa;overflow:hidden}.shapes-panel__layer-item--active{border-color:var(--accent);background:#f0f8f5}.shapes-panel__layer-select{display:flex;flex:1;gap:8px;align-items:center;min-width:0;border:0;background:transparent;color:#374151;cursor:pointer;font-size:13px;padding:6px 8px;text-align:left}.shapes-panel__layer-select:hover{background:#eef5f2}.shapes-panel__layer-item--active .shapes-panel__layer-select{font-weight:650}.shapes-panel__layer-select span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shapes-panel__layer-item .icon-action{flex:0 0 auto;margin-right:4px}.layer-toolbar__shape-fill-mode{display:flex;gap:2px}.layer-toolbar__btn--fill-mode{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;opacity:.6}.layer-toolbar__btn--fill-mode.layer-toolbar__btn--active{opacity:1;background:#4f7ef72e;color:#4f7ef7}.layer-toolbar__shape-style{position:relative}.layer-toolbar__btn--shape-style{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e5e7eb;border-radius:4px;background:#f9fafb;color:#374151;cursor:pointer;padding:0;transition:background .1s}.layer-toolbar__btn--shape-style:hover,.layer-toolbar__btn--shape-style-open{background:#f3f4f6}.layer-toolbar__btn--shape-style-active{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.layer-toolbar__shape-style-panel{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:300;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;width:200px;box-shadow:0 4px 16px #0000001f;display:flex;flex-direction:column;gap:12px}.layer-toolbar__shape-style-panel--down{bottom:unset;top:calc(100% + 6px)}.layer-toolbar__style-row{display:flex;flex-direction:column;gap:6px}.layer-toolbar__style-row--inline{flex-direction:row;align-items:center;justify-content:space-between}.layer-toolbar__style-row-header{display:flex;align-items:center;justify-content:space-between}.layer-toolbar__style-row-right{display:flex;align-items:center;gap:6px}.layer-toolbar__style-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.layer-toolbar__style-value{font-size:11px;color:#374151;font-variant-numeric:tabular-nums;min-width:30px;text-align:right}.layer-toolbar__shape-style-panel input[type=range]{width:100%;accent-color:#4f7ef7;cursor:pointer;padding:0}.canvas3d-scene{position:relative;perspective:1200px;perspective-origin:50% 40%;overflow:visible;-webkit-user-select:none;user-select:none;touch-action:none}.canvas3d-box{position:absolute;transform-style:preserve-3d}.canvas3d-face{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.canvas3d-face--front{overflow:hidden}.canvas3d-face--left{transform-origin:0% 50%;transform:rotateY(90deg)}.canvas3d-face--right{left:auto;right:0;transform-origin:100% 50%;transform:rotateY(-90deg)}.canvas3d-face--top{transform-origin:50% 0%;transform:rotateX(-90deg)}.canvas3d-face--bottom{top:auto;bottom:0;transform-origin:50% 100%;transform:rotateX(90deg)}.song-search__selected{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-surface-alt, #f5f5f5);border-radius:6px;margin-bottom:8px;font-size:13px}.song-search__selected-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.song-search__selected strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-search__artist{display:block;color:var(--color-text-muted, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-search__selected .category-chip{flex-shrink:0}.song-search__input-wrap{position:relative;display:flex;align-items:center}.song-search__input-wrap .text-input{flex:1;padding-right:36px}.song-search__spinner{position:absolute;right:10px;width:16px;height:16px;border:2px solid var(--color-border, #ddd);border-top-color:var(--color-accent, #333);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.song-search{position:relative}.song-search__results{list-style:none;margin:4px 0 0;padding:0;max-height:260px;overflow-y:auto;border:1px solid var(--color-border, #ddd);border-radius:6px;position:absolute;top:100%;left:0;right:0;z-index:40;background:#fff;box-shadow:0 8px 24px #111f1b24}.song-search__result{font-size:13px}.song-search__result{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s}.song-search__result:hover,.song-search__result:focus-visible{background:var(--color-surface-alt, #f5f5f5)}.song-search__result:disabled{opacity:.6;cursor:default}.song-search__thumb{width:40px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0}.song-search__result-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;font-size:13px}.song-search__result-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-search__result-text span{color:var(--color-text-muted, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lyrics-editor__textarea{width:100%;resize:vertical;border:1px solid #bfd0c9;border-radius:8px;background:#fff;padding:9px;color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:.8125rem;line-height:1.5}.format-panel{gap:28px;padding-top:4px}.format-section{display:grid;gap:14px;margin:0;border:0;padding:0}.format-section__label{color:#3d4945;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;padding:0}.format-card,.format-orient__item,.format-size,.format-swatch{position:relative;border:1.5px solid #dfe6e2;border-radius:12px;background:#fff;color:var(--text-primary);font-family:inherit;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.format-card:hover,.format-orient__item:hover,.format-size:hover,.format-swatch:hover{border-color:#b7c7c0}.format-card--active,.format-orient__item--active,.format-size--active,.format-swatch--active{border-color:var(--accent);background:#f1f7f4;box-shadow:0 0 0 3px #1f6b5b1f}.format-tick{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff}.format-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.format-card{display:flex;flex-direction:column;gap:2px;min-height:58px;padding:13px 32px 13px 14px;text-align:left}.format-card__title{font-size:.88rem;font-weight:650}.format-card__meta{font-size:.73rem;color:#55635e}.format-orient{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.format-orient__item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px 10px}.format-orient__tile{display:grid;place-items:center;width:40px;height:34px}.format-orient__glyph{display:block;border:1.5px solid #9aada6;border-radius:2px;background:#eef3f1}.format-orient__label{font-size:.74rem;font-weight:600;color:#4a5652}.format-orient__item--active .format-orient__glyph{border-color:var(--accent);background:#d7e9e1}.format-orient__item--active .format-orient__label{color:var(--text-primary)}.format-sizes{display:grid;gap:10px}.format-size{display:flex;align-items:center;padding:12px 44px 12px 14px;text-align:left}.format-size__body{display:flex;flex-direction:column;gap:3px}.format-size__name{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:650}.format-size__dim{font-size:.78rem;color:#55635e}.format-badge{font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:#dcede6;padding:2px 6px;border-radius:999px}.format-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.format-swatch{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px 10px}.format-swatch__chip{width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 -2px 4px #00000014}.format-swatch__chip--black{background:#1c1c1c}.format-swatch__chip--white{background:#f4f4f2}.format-swatch__chip--natural-wood{background:linear-gradient(135deg,#d8b586,#c19a68)}.format-swatch__label{font-size:.74rem;font-weight:600;color:#4a5652}.format-swatch--active .format-swatch__label{color:var(--text-primary)}.format-panel__note{color:var(--text-muted);font-size:.8rem;line-height:1.5;margin:0}