:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#202a3d;background:#eef0f4;font-synthesis:none;--ink:#151c2c;--blue:#315aff;--line:#e3e7ee;--muted:#8b92a0;--light:#f6f7fa;--radius:10px;--sheet-ratio:1.4}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9aaffe;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.boot{height:100dvh;display:grid;place-items:center}.spinner{width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.login-screen{min-height:100dvh;display:grid;place-items:center;background:#151c2c;background-image:radial-gradient(ellipse at 50% 0%,#2b3a60,transparent 65%);padding:24px}.login-card{background:white;border-radius:22px;width:min(100%,360px);padding:36px;box-shadow:0 20px 90px #050a1855;display:flex;flex-direction:column;gap:18px}.login-card h1{font-family:inherit;font-size:25px;letter-spacing:-1px;font-weight:600;margin:4px 0 12px}.login-card .brand-mark{align-self:flex-start}.login-card .primary{justify-content:space-between}.login-card input{height:48px}
.topbar{height:72px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-family:inherit;font-weight:500;letter-spacing:-.55px;font-size:21px;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--blue);width:35px;height:35px;border-radius:10px;color:white}.brand-mark svg{width:25px;height:25px;stroke-width:1.6}.brand-mark.large{height:48px;width:48px;border-radius:14px}.brand-mark.large svg{height:33px;width:33px}.beta{font-family:inherit;letter-spacing:1.3px;font-size:9px;border:1px solid #42495b;border-radius:4px;padding:4px 5px;color:#a4acbd;margin-left:4px;font-weight:600}.header-actions{display:flex;align-items:center;gap:18px}.header-button{display:flex;align-items:center;gap:8px;border:0;color:#d7dceb;background:transparent;font-size:13px;font-weight:500;padding:8px}.header-button:hover{color:white}.header-button svg{width:18px;height:18px}.icon-button{width:31px;height:31px;border:0;border-radius:7px;background:transparent;display:grid;place-items:center;color:#737d90;flex-shrink:0}.icon-button:hover{color:var(--ink);background:#eff1f6}.icon-button svg{height:17px;width:17px}.on-dark{color:#9fa8bd}.on-dark:hover{color:white;background:#ffffff12}
.workspace{display:grid;grid-template-columns:268px minmax(0,1fr) 176px;min-height:calc(100dvh - 72px)}.controls{background:#fff;border-right:1px solid var(--line);padding:22px 23px 16px;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.panel-heading h1{font-family:inherit;font-size:22px;font-weight:500;letter-spacing:-.7px}.small-label{font-size:9px;letter-spacing:1.25px;font-weight:600;color:#9299a7;white-space:nowrap}.field{min-width:0;margin-bottom:14px}label{display:block;font-size:14px;font-weight:550;margin-bottom:7px;color:#48536a}textarea,input:not([type=file]),select{display:block;width:100%;border:1px solid #dfe3eb;background:#fafbfd;color:var(--ink);border-radius:8px;padding:11px 12px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:100px;line-height:1.55;font-size:13px}textarea::placeholder,input::placeholder{color:#a4aaba}textarea:hover,input:not([type=file]):hover,select:hover{border-color:#b8c0d0}textarea:focus,input:not([type=file]):focus,select:focus{border-color:#849cff;box-shadow:0 0 0 3px #315aff0b;outline:none}.theme-field{margin-bottom:16px}.theme-field textarea{min-height:78px;height:92px}.reference-field{position:relative;margin-bottom:16px}.upload-zone{border:1px dashed #ccd2df;border-radius:9px;position:relative;background:#fafbfd;transition:background .15s,border-color .15s;overflow:hidden}.upload-zone:hover,.upload-zone.drag-over{background:#f0f3ff;border-color:#879dff}.upload-zone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.upload-zone:focus-within{outline:3px solid #9aaffe;outline-offset:3px}.upload-empty{min-height:65px;display:flex;align-items:center;padding:14px 12px;gap:10px;color:#8590a6;font-size:13px}.upload-empty>svg{height:22px;width:22px;stroke-width:1.5}.upload-empty>span:first-of-type{color:#556078}.file-types{display:block;font-size:9px;letter-spacing:.5px;color:#a1a8b7;margin-top:4px}.upload-plus{margin-left:auto;font-size:20px;font-weight:400;color:#929bb0}.upload-preview{display:flex;align-items:center;gap:10px;min-height:69px;padding:9px}.upload-preview img{width:48px;height:48px;object-fit:contain;border-radius:5px;background:#fff}.upload-preview span{font-size:11px;color:#6a7488;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-reference{position:absolute;right:0;top:-2px;border:0;background:transparent;color:#8a91a1;font-size:13px;padding:2px}.remove-reference:hover{color:var(--blue)}
.segmented{display:flex;align-items:center;gap:3px;background:#edf0f5;padding:3px;border-radius:8px}.segmented button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;background:transparent;border:0;border-radius:6px;color:#7c8596;line-height:1;padding:9px 6px;font-size:13px;font-weight:550;white-space:nowrap;transition:color .15s,background .15s,box-shadow .15s}.segmented button.selected{color:#28344c;background:#fff;box-shadow:0 1px 4px #14244a12}.segmented button:hover{color:#233654}.segmented svg{height:15px;width:15px;stroke-width:1.35}.mode-control{margin-bottom:18px}.configuration{padding-top:18px;border-top:1px solid var(--line)}select{appearance:none;cursor:pointer;font-size:13px;padding:11px 29px 11px 11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='m3 4.5 3 3 3-3' stroke='%23919aad' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.field-row{display:grid;grid-template-columns:1fr 86px;gap:10px}.button{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;font-size:13px;font-weight:550;min-height:43px;padding:11px 15px;border:1px solid transparent;transition:background .15s,box-shadow .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.primary{background:var(--blue);color:white;box-shadow:0 3px 7px #315aff18}.primary:hover{background:#254ee9;box-shadow:0 4px 12px #315aff2a}.primary:disabled{opacity:.6;transform:none;box-shadow:none}.primary svg{width:18px;height:18px}.generate{width:100%;margin-top:4px;justify-content:flex-start;height:44px;font-size:14px}.button-arrow{margin-left:auto;font-size:19px;font-weight:400}.controls-footer{margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:7px;color:#9aa2b1;font-size:10px}.status-dot{width:5px;height:5px;border-radius:50%;background:#57b296;display:inline-block;flex-shrink:0}.status-dot.muted{background:#abb3c2}.status-dot.busy{background:var(--blue);animation:pulse 1.5s ease-in-out infinite}.status-dot.failed{background:#d86c6c}@keyframes pulse{50%{opacity:.4}}.error{font-size:12px;color:#bd4252;line-height:1.5;margin-top:12px;overflow-wrap:anywhere}
.canvas-area{position:relative;display:flex;flex-direction:column;min-width:0;background-color:#eef0f4;background-image:radial-gradient(#cbd1dc 0.65px,transparent .65px);background-size:13px 13px;padding:27px 34px 22px}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.sheet-heading{min-width:0}.sheet-heading .small-label{display:block;margin-bottom:6px}.sheet-heading h2{font-family:inherit;font-weight:500;letter-spacing:-.5px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:310px}.view-control{border:1px solid #dce1ea;background:#e4e8ef;padding:3px;flex-shrink:0}.view-control button{font-size:13px;padding:8px 12px}.canvas-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:35px 28px 28px;min-height:450px}.sheet-surround{position:relative;width:min(100%,680px,calc((100dvh - 245px)*var(--sheet-ratio)))}.sheet-paper{position:relative;width:100%;aspect-ratio:7/5;overflow:hidden;background:#fff;border-radius:2px;box-shadow:0 2px 4px #2638540a,0 15px 45px -17px #23335350,0 0 0 1px #28375208;transition:aspect-ratio .25s}.sheet-paper>img{width:100%;height:100%;object-fit:contain;display:block}.sheet-paper.is-working>img{opacity:.42}.dimension{position:absolute;font-size:9px;letter-spacing:.4px;color:#919bab;pointer-events:none}.dimension-top{top:-18px;left:50%;transform:translateX(-50%)}.dimension-side{right:-24px;top:50%;transform:translateY(-50%) rotate(90deg)}.empty-sheet{display:grid;place-items:center;height:100%;color:#e7ebf2}.empty-sheet svg{height:70px;width:70px;stroke-width:1}.working-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#ffffff66}.working-pill{display:flex;align-items:center;gap:10px;background:#fff;box-shadow:0 4px 30px #2435521a;border:1px solid #e3e7f0;border-radius:30px;padding:13px 17px;color:#425473;font-size:11px;font-weight:500}.working-pill .spinner{color:var(--blue);height:14px;width:14px}.canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}.sheet-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#828d9f;min-width:0;flex-wrap:wrap}.cost{border-left:1px solid #cfd5df;margin-left:3px;padding-left:10px;color:#a0a8b5;font-variant-numeric:tabular-nums}.export-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.secondary{background:#ffffffd9;color:#5b6780;border-color:#dce1ea;box-shadow:0 1px 3px #14243a05}.secondary:hover{background:#fff;border-color:#bdc7da}.compact{min-height:36px;font-size:13px;padding:8px 11px;gap:6px;border-radius:7px}.compact svg{height:14px;width:14px;stroke-width:1.5}.disabled{opacity:.38;pointer-events:none}.canvas-error{background:#fff7f8;padding:10px 12px;border:1px solid #f0d2d7;border-radius:7px;font-size:11px;margin-top:13px}
.sticker-panel{background:#fafbfd;border-left:1px solid var(--line);padding:29px 16px 20px;min-width:0}.sticker-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.sticker-panel h2{font-size:14px;font-weight:600;color:#495671}.count-badge{height:20px;min-width:20px;padding:3px 5px;font-size:10px;color:#929bb0;border-radius:5px;background:#eef1f6;text-align:center}.sticker-list{display:flex;flex-direction:column;gap:13px}.sticker-card{border-radius:9px;border:1px solid #e1e6ef;overflow:hidden;background:white;position:relative;transition:border-color .15s,box-shadow .15s}.sticker-card:hover{border-color:#bdc9eb;box-shadow:0 4px 15px #3047790a}.sticker-image-button{display:block;width:100%;padding:8px;background-color:white;background-image:linear-gradient(45deg,#f3f5f9 25%,transparent 25%),linear-gradient(-45deg,#f3f5f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f3f5f9 75%),linear-gradient(-45deg,transparent 75%,#f3f5f9 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;border:0;aspect-ratio:1.13}.sticker-image-button img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #26365112)}.sticker-image-button:disabled{cursor:default}.sticker-card-footer{display:flex;align-items:center;padding:4px 5px 4px 9px;gap:3px;border-top:1px solid #eef0f6}.sticker-card-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#8a94a8;font-size:10px;font-weight:500}.sticker-card .icon-button{width:25px;height:25px;color:#929db0}.sticker-card .icon-button svg{height:13px;width:13px}.sticker-card .icon-button:hover{color:var(--blue);background:#f0f3ff}.sticker-card .delete-button:hover{color:#ce5d6a;background:#fff1f3}.icon-button:disabled{opacity:.3;cursor:default}.sticker-empty{display:flex;flex-direction:column;gap:13px}.sticker-empty div{aspect-ratio:1.1;border:1px dashed #e0e5ef;border-radius:9px;background:#f7f9fc}
dialog{color:var(--ink);border:1px solid #dce2ee;background:#fff;box-shadow:0 25px 90px #0d173744;border-radius:18px;padding:23px;width:min(calc(100% - 32px),470px);max-height:calc(100dvh - 50px)}dialog::backdrop{background:#121b3866;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.dialog-heading h2{font-family:inherit;font-weight:500;font-size:22px;letter-spacing:-.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.history-item{background:#f6f8fc;border:1px solid #e4e9f2;border-radius:10px;padding:10px;text-align:left;min-width:0}.history-item:hover{border-color:#99afff}.history-thumb{aspect-ratio:5/4;background:#e9edf5;display:flex;align-items:center;justify-content:center;border-radius:5px;overflow:hidden;margin-bottom:10px;padding:9px}.history-thumb img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #22325412)}.history-title{font-size:12px;color:#55607a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;display:block}.history-meta{display:block;font-size:10px;color:#9ca4b3;margin-top:4px}.history-empty{grid-column:1/-1;text-align:center;font-size:12px;color:#9aa3b5;padding:40px 0}.edit-preview-wrap{height:180px;background:#f5f7fb;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:15px;margin-bottom:19px}.edit-preview-wrap img{max-width:100%;max-height:100%;object-fit:contain}.edit-dialog textarea{margin-bottom:18px}.edit-dialog .primary{width:100%}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);color:#fff;background:#25334c;box-shadow:0 8px 35px #15203530;font-size:12px;padding:13px 20px;border-radius:10px;max-width:calc(100% - 32px);z-index:10}
@media(min-width:1450px){.workspace{grid-template-columns:292px minmax(0,1fr) 205px}.controls{padding-left:29px;padding-right:29px}.canvas-area{padding-left:48px;padding-right:48px}.sticker-panel{padding-left:23px;padding-right:23px}.sticker-image-button{aspect-ratio:1.25}}

@media(min-width:1000px) and (max-height:800px){.canvas-stage{min-height:0;padding-top:24px;padding-bottom:16px}.sticker-list{max-height:calc(100dvh - 168px);overflow-y:auto;padding-bottom:3px;scrollbar-width:thin;scrollbar-color:#dbe1ed transparent}.sticker-panel-heading{margin-bottom:15px}}
@media(max-width:1100px){.workspace{grid-template-columns:248px minmax(0,1fr) 145px}.controls{padding-left:19px;padding-right:19px}.canvas-area{padding-left:23px;padding-right:23px}.sticker-panel{padding-left:12px;padding-right:12px}.sheet-heading h2{max-width:220px;font-size:16px}.sticker-card-footer{padding-left:6px}.sticker-card .icon-button{width:22px}.sticker-card-title{font-size:9px}}
@media(max-width:900px){.workspace{grid-template-columns:235px minmax(0,1fr)}.sticker-panel{grid-column:2;border-top:1px solid var(--line);border-left:0;padding:17px 23px}.controls{grid-row:1/3}.sticker-panel-heading{margin-bottom:13px}.sticker-list{flex-direction:row;overflow-x:auto;max-height:none;padding-bottom:4px;gap:10px}.sticker-card{flex:0 0 115px}.sticker-empty{flex-direction:row}.sticker-empty div{width:95px;flex-shrink:0}.canvas-stage{padding:35px 19px 25px;min-height:400px}.sheet-surround{width:min(100%,680px,calc(440px*var(--sheet-ratio)))}.canvas-toolbar{align-items:flex-start}.canvas-area{padding:24px 23px 18px}.sheet-heading h2{max-width:170px}.view-control button{padding:8px}.sheet-status{font-size:9px;gap:5px}.cost{padding-left:6px;margin-left:1px}.canvas-footer{gap:8px}.compact{padding:7px 8px}}
@media(max-width:650px){.topbar{height:62px;padding:0 18px}.brand{font-size:18px;gap:9px}.brand-mark{height:30px;width:30px;border-radius:9px}.brand-mark svg{height:22px;width:22px}.beta{font-size:8px;letter-spacing:1px;margin-left:1px}.header-actions{gap:9px}.header-button{padding:5px}.header-button span{display:none}.workspace{display:flex;flex-direction:column;min-height:calc(100dvh - 62px)}.controls{padding:22px 21px 20px;border-right:0;border-bottom:1px solid var(--line)}.panel-heading{margin-bottom:18px}.panel-heading h1{font-size:20px}.controls form{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;align-items:start}.panel-heading{grid-column:1/-1}.theme-field{grid-column:1/-1;margin-bottom:17px}.theme-field textarea{min-height:90px;max-height:220px;resize:vertical}.reference-field{margin-bottom:0}.upload-empty{min-height:65px;padding:10px;gap:8px}.upload-empty>svg{width:19px;height:19px}.upload-plus{display:none}.upload-preview{min-height:65px}.mode-control{margin:24px 0 0;min-height:67px;padding:4px}.mode-control button{height:57px;flex-direction:column;gap:7px;font-size:13px;padding:8px 6px}.configuration{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:0;border:0;margin-top:20px}.configuration>.field{margin-bottom:0}.field-row{grid-template-columns:1fr 65px;gap:8px}.field-row .field{margin-bottom:0}.generate{grid-column:1/-1;margin-top:19px}.controls-footer{display:none}.controls .error{grid-column:1/-1}.canvas-area{padding:24px 21px 18px;min-height:610px}.canvas-stage{min-height:450px;padding:30px 24px 25px}.sheet-surround{width:min(100%,680px,calc(440px*var(--sheet-ratio)))}.sheet-heading h2{max-width:210px;font-size:17px}.view-control button{padding:9px 11px}.canvas-footer{min-height:37px}.sheet-status{font-size:10px;max-width:190px}.compact{font-size:13px;padding:8px 11px}.sticker-panel{padding:20px 21px 24px}.sticker-panel-heading h2{font-size:13px}.sticker-card{flex-basis:126px}.sticker-card-title{font-size:10px}.sticker-card .icon-button{width:25px}.sticker-card-footer{padding-left:9px}.sticker-empty div{width:115px}.sticker-list{gap:12px}dialog{padding:20px}.login-card{padding:30px}.login-card h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition:none!important}}
.retry-button{display:flex;align-items:center;gap:5px;border:1px solid #bfcaf0;border-radius:5px;padding:3px 7px;background:#ffffffb3;color:var(--blue);font-size:13px;font-weight:550;margin-left:2px}.retry-button:hover{background:white;border-color:#8ca4f1}.retry-button:disabled{opacity:.5}
.upload-options{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px}.upload-options.has-subject{grid-template-columns:minmax(0,1fr)}.upload-options>div{min-width:0}.upload-options label{font-size:14px;margin-bottom:6px}.upload-options select,.upload-options input{font-size:13px;min-height:38px;padding-top:9px;padding-bottom:9px}.field-help{font-size:11px;line-height:1.4;color:#8791a4;margin:6px 2px 0}.upload-spinner{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;color:var(--blue);background:#f2f5fd;border-radius:5px}.upload-preview>img{flex:0 0 48px}.upload-preview>#reference-name{min-width:0}.upload-spinner .spinner{width:17px;height:17px}
@media(min-width:651px) and (max-height:800px){.controls.has-upload{padding-top:18px;padding-bottom:12px}.has-upload .panel-heading{margin-bottom:12px}.has-upload .theme-field{margin-bottom:12px}.has-upload .theme-field textarea{height:78px}.has-upload .reference-field{margin-bottom:12px}.has-upload .mode-control{margin-bottom:12px}.has-upload .configuration{padding-top:12px}.has-upload .configuration .field{margin-bottom:10px}.has-upload .controls-footer{padding-top:10px}}
@media(max-width:650px){.reference-field:has(.upload-options:not([hidden])){grid-column:1/-1}.reference-field:has(.upload-options:not([hidden]))+.mode-control{grid-column:1/-1;margin-top:14px;min-height:37px}.reference-field:has(.upload-options:not([hidden]))+.mode-control button{height:auto;min-height:31px;flex-direction:row}}
.sheet-options{grid-column:1/-1}.style-tiles{display:flex;gap:9px}.style-tile{flex:1;min-width:0;height:77px;border:1px solid #dce6f1;border-radius:8px;background:#f6f9fc;padding:7px;transition:border-color .15s,background .15s}.style-tile svg{height:100%;width:auto;stroke:#85bfe3;stroke-width:1.4;fill:none}.style-tile .mini-sheet{fill:white;stroke:#d5e2ed;stroke-width:.8}.style-tile.selected{border-color:#4c9fde;background:#eaf5ff;box-shadow:0 0 0 1px #4c9fde}.style-tile:hover{background:#eff8ff}.optional-section{border-top:1px solid #e5eaf1;padding:12px 0;font-size:13px}.optional-section summary{color:#48536a;font-weight:550;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.optional-section summary:after{content:'+';color:#7c9aba}.optional-section[open] summary:after{content:'−'}.optional-section[open] summary{margin-bottom:11px}.optional-section select,.optional-section input,.optional-section textarea{margin-bottom:9px}.optional-section textarea{min-height:70px}.optional-section input[type=file]{font-size:11px;max-width:100%;color:#75849c}.optional-section .field-row{grid-template-columns:minmax(0,1fr) 77px}.optional-section label{font-size:12px}.mini-preview{max-width:100%;height:65px;object-fit:contain;border-radius:5px}.sheet-tools{display:flex;gap:6px;justify-content:flex-end;margin-top:12px}.sheet-tools .icon-button{border:1px solid #dce1ea;background:#fff9;font-size:17px}.sheet-tools button:disabled{opacity:.35;cursor:default}.resize-row,.card-actions,.dialog-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.resize-row{margin:0 0 18px}.resize-row>*{flex:1}.card-actions{margin-top:10px}.card-actions .button{font-size:11px;min-height:29px;padding:6px 9px}.dialog-tabs{margin-bottom:16px}.saved-preview{width:100%;height:145px;object-fit:contain;background:#eef1f7;border-radius:5px;margin-bottom:10px}.wide-dialog{width:min(calc(100% - 28px),940px)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.spaced{margin-top:18px}.cost-total{font-size:32px;letter-spacing:-1px;margin-bottom:7px}.debug-note{font-size:12px;color:#7b889d;display:block;margin:10px 0}.cost-table{width:100%;border-collapse:collapse;font-size:12px;margin:22px 0}.cost-table td,.cost-table th{text-align:right;padding:10px 7px;border-bottom:1px solid #e6eaf0;font-variant-numeric:tabular-nums}.cost-table td:first-child,.cost-table th:first-child{text-align:left;overflow-wrap:anywhere}.cost-table th{color:#7b889d;font-weight:500}#cost-details details{padding:10px 0;border-bottom:1px solid #e6eaf0;font-size:12px}#cost-details summary{cursor:pointer}#cost-details pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f9fc;padding:14px;border-radius:8px;max-height:400px;overflow:auto;font-size:11px}#inspect-dialog{height:min(90dvh,920px);overflow:hidden}#inspect-scroll{overflow:auto;height:calc(100% - 112px);background:#e6ebf2;border:1px solid #dce1ea;border-radius:8px;overscroll-behavior:contain}#inspect-canvas{width:max-content;min-width:100%;min-height:100%;padding:15px}#inspect-canvas svg{display:block;background:white;box-shadow:0 2px 10px #25334c20}.inspect-controls{display:flex;align-items:center;gap:9px;margin-bottom:14px;flex-wrap:wrap}.inspect-controls select{width:auto;max-width:290px;flex:1}.inspect-controls output{font-size:12px;min-width:44px;text-align:center}.check-label{display:flex;align-items:center;gap:7px;font-size:12px;margin:0;white-space:nowrap}.check-label input{width:auto;padding:0}#point-count{font-size:11px;color:#8a96a7}.controls .configuration{padding-top:12px}.canvas-area{position:sticky;top:0;max-height:100dvh;min-height:650px}.sticker-list{max-height:calc(100dvh - 180px);overflow:auto}.history-item .icon-button{margin-left:auto}
@media(max-width:900px){.canvas-area{position:relative;max-height:none;min-height:550px}.sticker-list{max-height:none}.sheet-tools{justify-content:flex-start}}
@media(max-width:650px){.sheet-options{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;margin-top:20px}.sheet-options>.optional-section{grid-column:1/-1}.style-tile{height:58px;padding:4px}.style-tiles{gap:6px}.sheet-options>.field{margin-bottom:12px}.header-actions{gap:5px}.header-button{font-size:12px}.canvas-area{min-height:640px}.sheet-tools{margin-top:16px}.inspect-controls{gap:6px}.inspect-controls select{max-width:180px}.cost-table{font-size:10px}.cost-table td,.cost-table th{padding:7px 4px}#inspect-scroll{height:calc(100% - 145px)}}
.editing-sheet .configuration{border-top:0;padding-top:0;margin-top:0}
.editing-sheet .configuration,.editing-sheet .configuration>.field-row{display:block}
.editing-sheet .generate>svg{display:none}
.save-note{grid-column:1/-1;text-align:center;margin-top:9px}
#current-sheet-button{grid-column:1/-1;margin-bottom:15px}
#background-generate-controls{margin-top:9px}
#background-generate-controls .button{width:100%}
.editing-sheet .sheet-options{margin-top:0}
.reference-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.reference-modes button{border:1px solid #dce3ed;background:#f8fafc;border-radius:7px;min-height:37px;padding:8px 5px;color:#758299;font-size:12px}.reference-modes button:last-child{grid-column:1/-1}.reference-modes button.selected{border-color:#86b9e7;background:#edf6ff;color:#305e87;box-shadow:0 0 0 1px #86b9e7}.reference-modes button:hover{background:#edf6ff}#reference-mode-field{grid-column:1/-1;margin-bottom:18px}
.plan-summary{grid-column:1/-1;color:#56647b;font-size:14px;line-height:1.6;padding-bottom:20px}.plan-summary p{margin:0 0 13px;white-space:pre-wrap;overflow-wrap:anywhere}.plan-summary .small-label{line-height:1.6;letter-spacing:.3px}.plan-review{width:min(100%,650px);margin:auto;padding:25px;background:#fff;border:1px solid #dce4ef;border-radius:12px;box-shadow:0 9px 40px #2b426012;display:flex;flex-direction:column;gap:14px}.plan-review-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.plan-review-heading h2{font-family:inherit;font-weight:500;font-size:20px;letter-spacing:-.3px}.plan-review-heading .small-label{font-size:10px;letter-spacing:.3px;text-align:right}.plan-review textarea{min-height:270px;max-height:55dvh;font-size:14px;line-height:1.8;resize:vertical;border-color:#e0e7ef;padding:15px;color:#3f4d64;background:#fcfdff}.plan-review textarea:disabled{opacity:1;color:#7e8a9c}.plan-review .field-help{margin:0}.plan-review .error{margin:0}.plan-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.plan-actions .button{min-width:136px}.reviewing-plan{gap:15px}.reviewing-plan .canvas-toolbar .small-label{visibility:hidden}.reviewing-plan .canvas-footer{margin-top:auto}.plan-pending .sticker-empty{display:none}.saved-plan-preview{height:145px;margin-bottom:10px;border-radius:5px;background:linear-gradient(135deg,#f7fbff,#e8f1fb);color:#8ca6c4;display:grid;place-items:center;font-size:18px;letter-spacing:-.3px}.planning-sheet .panel-heading{margin-bottom:20px}
.fill-stickers-field{padding:10px 11px;border:1px solid #dce6f1;border-radius:8px;background:#f8fbfe}.fill-stickers-field .check-label{font-size:13px;font-weight:550}.fill-stickers-field .field-help{margin:5px 0 0 22px}.fill-stickers-field input,.plan-fill-stickers input{width:15px;height:15px;min-height:0;margin:0;padding:0;box-shadow:none;accent-color:#447faa}.plan-fill-stickers{align-items:flex-start;padding:11px 12px;border:1px solid #dce6f1;border-radius:8px;background:#f8fbfe;white-space:normal}.plan-fill-stickers>span{display:grid;gap:3px}.plan-fill-stickers strong{font-size:13px;font-weight:550;color:#42516a}.plan-fill-stickers small{font-size:11px;color:#7f8ca0;line-height:1.4}
@media(max-width:900px){.sticker-panel.plan-pending{display:none}.plan-review{margin:15px auto}.reviewing-plan{min-height:650px}}
.reference-modes button:last-child{grid-column:auto}.reference-modes button{font-size:11px;line-height:1.3;padding:8px 4px;white-space:normal}.plan-adjust{border-top:1px solid #e5eaf1;padding-top:12px}.plan-adjust summary,.original-prompt summary{font-size:12px;color:#63748d;cursor:pointer}.plan-adjust textarea{min-height:68px;max-height:150px;font-size:13px;line-height:1.5;margin:12px 0 9px}.plan-adjust .button{margin-left:auto;min-height:33px}.original-prompt{margin:0 0 18px}.original-prompt p{margin-top:10px;font-size:12px;color:#77869a;line-height:1.6;white-space:pre-wrap;max-height:145px;overflow:auto}.plan-review{max-height:calc(100dvh - 255px);overflow-y:auto}.plan-review>textarea{min-height:175px;max-height:43dvh;flex-shrink:1}.plan-adjust,.plan-review-heading,.plan-actions{flex-shrink:0}
.sheet-hit-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;touch-action:none}.sheet-hit-overlay.interaction-disabled{pointer-events:none}.sticker-hit{pointer-events:all;fill:transparent;stroke:transparent;stroke-width:1.6;vector-effect:non-scaling-stroke;cursor:grab;touch-action:none;outline:none}.sticker-hit:hover,.sticker-hit:focus-visible,.sticker-hit.selected{fill:#69b6ff0e;stroke:#448fdd}.interaction-disabled .sticker-hit{pointer-events:none;stroke:transparent;fill:transparent}.sticker-hit:active{cursor:grabbing}.sticker-drag-ghost{fill:#73baff30;stroke:#338bdf;stroke-width:2;stroke-dasharray:5 3;vector-effect:non-scaling-stroke;pointer-events:none}.sticker-drag-ghost.needs-snap{fill:#ffbd7026;stroke:#d89844}.sheet-paper.is-dragging{cursor:grabbing;user-select:none}.sheet-paper.is-dragging .sticker-hit{cursor:grabbing}.sticker-menu{position:fixed;width:180px;z-index:20;padding:6px;background:#fff;border:1px solid #dce4ef;border-radius:11px;box-shadow:0 8px 35px #172d4c26}.sticker-menu-title{padding:8px 9px;font-size:11px;color:#8a97aa;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #edf0f5;margin-bottom:4px}.sticker-menu button{width:100%;text-align:left;border:0;background:transparent;border-radius:6px;min-height:37px;padding:8px 9px;color:#41516c;font-size:13px}.sticker-menu button:hover,.sticker-menu button:focus-visible{background:#edf5ff;color:#286aaf;outline:none}.sticker-menu button.danger{color:#bd5364}.sticker-menu button.danger:hover{background:#fff1f3}
@media(max-width:650px){.plan-summary{padding-bottom:0}.planning-sheet .panel-heading{margin-bottom:12px}.plan-summary p{margin-bottom:8px}.plan-review{padding:18px;margin:10px auto}.plan-review textarea{min-height:290px;max-height:65dvh;font-size:14px;padding:12px}.reviewing-plan{min-height:610px}.plan-actions .button{min-width:0;flex:1;font-size:12px}.plan-review-heading h2{font-size:19px}#reference-mode-field{margin-top:14px;margin-bottom:0}.reference-modes{grid-template-columns:1fr 1fr 1.4fr}.reference-modes button:last-child{grid-column:auto}}
@media(max-width:900px){.plan-review{max-height:none}.plan-review>textarea{min-height:235px}.plan-adjust textarea{min-height:72px}.reference-modes{grid-template-columns:1fr 1fr}}
.sheet-size-row{display:flex;align-items:center;gap:6px}.sheet-size-row>select{flex:1;min-width:0;padding-left:8px;font-size:12px}.orientation-control{display:flex;gap:3px;flex-shrink:0}.orientation-control button{height:36px;width:30px;border:1px solid #dce4ee;border-radius:6px;background:#f8fafc;color:#9aa8bc;padding:5px}.orientation-control svg{width:19px;height:19px;stroke-width:1.2}.orientation-control button.selected{background:#edf6ff;border-color:#8dbce7;color:#4085bb}.layout-warning{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 12px;padding:10px 12px;border:1px solid #efbdc5;border-radius:8px;background:#fff4f6;color:#ac3b50;font-size:12px}.layout-warning .button{flex-shrink:0;font-size:12px;min-height:31px;color:#a44356;border-color:#e8bcc4;background:white}.sheet-paper.has-layout-issues{overflow:visible;box-shadow:0 0 0 1px #d78999,0 15px 45px -17px #23335350}.sticker-hit.invalid{fill:#f15f721d;stroke:#db344d;stroke-width:2}.sticker-hit.invalid:hover,.sticker-hit.invalid:focus-visible,.sticker-hit.invalid.selected{fill:#f15f7235;stroke:#b9213a}.interaction-disabled .sticker-hit.invalid{fill:#f15f7218;stroke:#db344d}.sheet-hit-overlay{z-index:2}.working-overlay{z-index:3}.has-layout-issues .dimension{color:#b75267}
#inspect-dialog[open]{display:flex;flex-direction:column;gap:0}#inspect-dialog>.dialog-heading{flex-shrink:0}#inspect-scroll{height:auto;flex:1;min-height:120px}.inspect-controls{flex-shrink:0}.smoothing-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0;border-top:1px solid #e5eaf1;padding:12px 0;margin-bottom:8px}.smoothing-controls>label{font-size:12px;margin:0}.smoothing-controls select{width:auto;max-width:135px;font-size:12px;min-height:34px;padding-top:7px;padding-bottom:7px}.smoothing-controls input[type=range]{flex:1;width:90px;min-width:65px;max-width:170px;margin:0;padding:0;accent-color:#5f9fd7;box-shadow:none;border:0;background:transparent}.smoothing-controls output{font-size:11px;color:#7f8da3;width:31px}.smoothing-controls .button{min-height:33px;font-size:12px;padding:7px 10px}.smoothing-controls .field-help{flex-basis:100%;font-size:11px;margin:0}#inspect-error{margin:0 0 9px;flex-shrink:0}
@media(max-width:650px){.sheet-size-row{gap:4px}.orientation-control button{width:27px;padding:3px}.sheet-size-row>select{font-size:11px;padding-left:7px;padding-right:22px}.layout-warning{font-size:11px;padding:9px}.smoothing-controls{gap:6px}.smoothing-controls>label{flex-basis:100%}.smoothing-controls select{max-width:113px}.smoothing-controls input[type=range]{min-width:50px}.smoothing-controls .button{font-size:11px;padding:6px 8px}.smoothing-controls output{width:28px}}
.safe-inset-guide{display:none;fill:none;stroke:#85b4d1;stroke-width:1;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;pointer-events:none}.safe-inset-label{display:none;font-family:inherit;font-size:7px;font-weight:400;fill:#789caf;stroke:none;pointer-events:none}.show-safe-guide .safe-inset-guide,.show-safe-guide .safe-inset-label{display:block}.sticker-hit.quality-advisory{fill:#eeb2430a;stroke:#d1a14c;stroke-width:1}.sticker-hit.quality-advisory:hover,.sticker-hit.quality-advisory.selected{fill:#eeb24318;stroke:#b98c3e}.layout-warning.quality-warning{background:#fffbef;color:#977134;border-color:#ead8ad}.sticker-menu{width:210px}.sticker-menu-quality{padding:4px 9px 8px;color:#8191a6;font-size:10px;line-height:1.5;border-bottom:1px solid #edf0f5;margin-bottom:4px}.sticker-menu-quality.advisory{color:#a67b2e}.sticker-menu-quality.bad{color:#c13c51}.sticker-menu button[data-command^=rotate]{display:inline-block;width:calc(50% - 3px);text-align:center;background:#f6f8fb;margin:3px 0}.edit-actions{display:grid;gap:8px}.edit-actions .button{width:100%}.replacement-note{text-align:center;margin:9px 0 0}.library-filters{display:flex;gap:10px}.library-filters input{min-width:0}.library-filters select{width:135px;flex-shrink:0}.catalog-metadata{font-size:10px;color:#8795a9;line-height:1.5;max-height:45px;overflow:hidden;margin-top:7px}
.sheet-art-scene{position:absolute;inset:0;width:100%;height:100%;overflow:visible;display:none;pointer-events:none;z-index:1}.optimistic-scene-active .sheet-art-scene{display:block}.optimistic-scene-active>#sheet-preview,.optimistic-scene-active>#cut-overlay{visibility:hidden}#cut-overlay{filter:brightness(0) invert(.955)}.scene-cut{stroke:#f4f4f4}.show-kiss-cuts>#cut-overlay{filter:none}.show-kiss-cuts .scene-cut{stroke:#e600ad}.show-kiss-cuts .scene-backing-cut{stroke:#369cc4}.saving-position .sticker-drag-ghost{opacity:.5}.layout-warning-message{min-width:0}#layout-warning-message{font-size:11px;line-height:1.5}.layout-warning{flex-shrink:0}
.appearance-preview-active .sheet-art-scene{display:block}.appearance-preview-active>#sheet-preview,.appearance-preview-active>#cut-overlay{visibility:hidden}.color-control{display:flex;align-items:center;gap:9px;margin-top:9px;min-height:31px}.color-control>label{font-size:12px;margin:0;flex:1}.color-control input[type=color]{width:39px;height:29px;min-height:0;padding:3px;border-radius:6px;cursor:pointer;background:#fff}.color-control .button{min-height:29px;padding:5px 8px;font-size:11px}.washout-control{display:flex;align-items:center;gap:8px;margin-top:10px}.washout-control>label{font-size:12px;margin:0}.washout-control input[type=range]{flex:1;min-width:40px;width:auto;padding:0;border:0;box-shadow:none;accent-color:#6b9fcb;background:transparent}.washout-control output{font-size:10px;color:#7d8ba0;min-width:31px;text-align:right}.imprint-exclusion-guide{stroke:#bd9a66;stroke-dasharray:3 3}.catalog-usage{font-size:10px;color:#7c8ba1;line-height:1.4;margin-top:6px;font-variant-numeric:tabular-nums}#undo-button{color:#4e638b}
@media(min-width:651px){body:has(#studio:not([hidden])){overflow:hidden}.topbar{height:58px;padding:0 24px}.workspace{height:calc(100dvh - 58px);min-height:0;grid-template-columns:250px minmax(0,1fr)}.controls{grid-row:auto;padding:16px 18px 12px;min-height:0;overflow-y:auto;scrollbar-width:thin}.controls-footer{display:none}.panel-heading{margin-bottom:13px}.panel-heading h1{font-size:20px}.field{margin-bottom:11px}.theme-field textarea{height:71px;min-height:65px}.reference-field{margin-bottom:11px}.mode-control{margin-bottom:12px}.style-tile{height:59px;padding:5px}.sheet-options .field{margin-bottom:11px}.optional-section{padding:10px 0}.configuration{padding-top:10px}.configuration>.field{margin-bottom:10px}.configuration select{padding-top:9px;padding-bottom:9px}.generate{height:40px;min-height:40px;margin-top:0}.upload-options{gap:8px;margin-top:9px}.upload-options label{font-size:12px;margin-bottom:5px}.upload-options select,.upload-options input{min-height:34px;padding-top:7px;padding-bottom:7px}.field-help{font-size:10px}.reference-modes button{min-height:31px;padding:6px 4px}.canvas-area{position:relative;top:auto;height:100%;min-height:0;max-height:none;padding:17px 25px 14px;overflow:hidden}.canvas-toolbar{gap:12px}.sheet-heading .small-label{font-size:8px;margin-bottom:3px}.sheet-heading h2{font-size:17px;max-width:min(600px,55vw)}.sheet-tools{margin-top:8px;gap:5px}.canvas-stage{container-type:size;min-height:0;flex:1;padding:25px 27px 21px;overflow:visible}.sheet-surround{width:min(100%,760px,calc(100cqh*var(--sheet-ratio)))}.canvas-footer{min-height:34px;flex-shrink:0}.view-control button{font-size:12px;padding:7px 10px}.sheet-tools .button{min-height:31px;padding:6px 10px}.sheet-tools .icon-button{height:31px}.layout-warning{margin:0 0 8px;padding:8px 10px;max-height:98px;overflow:auto}.canvas-error{margin-top:8px;max-height:55px;overflow:auto}.reviewing-plan{gap:10px}.plan-review{max-height:calc(100dvh - 222px);padding:19px;gap:11px}.plan-review>textarea{min-height:155px;max-height:35dvh}.plan-adjust textarea{min-height:65px}.plan-summary{font-size:13px}.edit-preview-wrap{height:155px}.edit-dialog textarea{min-height:78px;margin-bottom:13px}.dialog-heading{margin-bottom:15px}}
@media(min-width:651px) and (max-width:1100px){.workspace{grid-template-columns:225px minmax(0,1fr)}.controls{padding-left:14px;padding-right:14px}.canvas-area{padding-left:19px;padding-right:19px}.header-actions{gap:12px}}
@media(max-width:650px){.workspace{display:flex;flex-direction:column}.canvas-area{min-height:580px}.sheet-surround{width:min(100%,680px,calc(400px*var(--sheet-ratio)))}.library-filters select{width:110px}.layout-warning{align-items:flex-start}.sticker-menu{width:200px}}
.exact-size-row{display:grid;grid-template-columns:64px 9px minmax(0,1fr);align-items:center;gap:6px}.exact-size-row input,.exact-size-row select{padding:9px 8px;min-width:0;font-size:12px}.exact-size-row select{padding-right:24px}.exact-size-row>span{font-size:15px;color:#8793a4}.exact-size-row+.field-help{margin-top:5px}.mode-control button{font-size:11px;padding:9px 5px}.mode-control svg{width:12px;height:12px}.clarification-form{width:100%;display:flex;flex-direction:column;gap:18px}.clarification-form fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}.clarification-form legend{font-size:15px;font-weight:550;line-height:1.4;margin-bottom:13px}.clarification-options{display:flex;flex-wrap:wrap;gap:8px}.clarification-options label{display:flex;align-items:center;gap:8px;border:1px solid #dbe4ef;background:#fafcff;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:400;cursor:pointer;margin:0}.clarification-options label:has(input:checked){border-color:#86b9e7;background:#edf6ff;color:#305e87}.clarification-options input[type=radio],.clarification-options input[type=checkbox]{width:15px;height:15px;min-height:0;margin:0;padding:0;box-shadow:none;accent-color:#447faa}.clarification-form textarea{min-height:65px;margin-top:12px}.clarification-form>.button{align-self:flex-end;min-width:140px}.sticker-hit.needs-room{fill:#ffbd7026;stroke:#d89844}.sheet-paper.transparent-preview{box-shadow:none;border-radius:0;background-color:transparent;background-image:linear-gradient(45deg,#e3e7ee 25%,transparent 25%),linear-gradient(-45deg,#e3e7ee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e3e7ee 75%),linear-gradient(-45deg,transparent 75%,#e3e7ee 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.sheet-paper.transparent-preview.has-layout-issues{box-shadow:none}.sheet-paper.is-dragging .sheet-art-scene{will-change:transform}
.canvas-stage{position:relative}.canvas-stage:has(.add-sticker-button:not([hidden])){padding-bottom:48px}.add-sticker-button{position:absolute;right:0;bottom:6px;z-index:4;display:grid;place-items:center;width:40px;height:40px;border:1px solid #cdd9ed;border-radius:50%;background:#fff;color:var(--blue);box-shadow:0 3px 12px #24355214}.add-sticker-button svg{width:21px;height:21px;stroke-width:1.8}.add-sticker-button:hover{background:#edf5ff;border-color:#90b3e7}.add-sticker-button:focus-visible{outline:3px solid #9aaffe;outline-offset:3px}.add-sticker-button:disabled{opacity:.4;cursor:default}.add-sticker-dialog textarea{min-height:90px;margin-bottom:17px}.add-sticker-upload-field{position:relative}.add-sticker-dialog .optional-label{color:#9aa3b3;font-size:11px;font-weight:400;margin-left:5px}.add-sticker-dialog .primary{width:100%}.add-sticker-dialog .error{margin:12px 0}.add-sticker-dialog .upload-preview>span:last-child{min-width:0}.add-sticker-dialog .upload-options{margin-top:0}
.firesprint-lockup{display:flex;align-items:center;background:#fff;border-radius:5px;padding:4px 7px;flex-shrink:0}.firesprint-lockup img{display:block;width:125px;height:auto}.brand{font-size:19px;gap:12px}.login-logo{display:block;width:205px;height:auto;margin-bottom:25px}.login-card h1{margin-bottom:23px}.login-card input{margin:0 0 12px}.login-card>.button{width:100%;margin-top:12px}.setup-email{font-size:14px;color:#78869b;margin:-9px 0 20px;overflow-wrap:anywhere}.credit-button{display:flex;gap:5px;align-items:center;border:1px solid #ffffff26;background:#ffffff0d;color:#dce6f8;border-radius:16px;padding:7px 11px;font-size:11px;white-space:nowrap}.credit-button span:first-child{font-weight:650;color:#fff;font-variant-numeric:tabular-nums}.credit-button:hover{background:#ffffff1a}.header-actions{gap:10px}.credit-summary{display:flex;align-items:baseline;gap:10px;color:#7d8a9e}.credit-summary strong{font-size:34px;color:var(--ink);letter-spacing:-1px;font-weight:550}.credit-ledger{margin-top:22px}.credit-entry{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e6eaf0;padding:11px 0;font-size:13px}.credit-entry strong{font-weight:500;display:block;overflow-wrap:anywhere}.credit-entry small{display:block;color:#94a0b1;font-size:10px;margin-top:4px}.credit-entry>span{font-variant-numeric:tabular-nums;white-space:nowrap;color:#468362}.credit-entry>span.debit{color:#718098}.dialog-tabs .selected,.admin-tabs .selected{border-color:#95b6e2;background:#edf5ff;color:#376891}.admin-tabs{border-bottom:1px solid #e3e8f0;padding-bottom:13px}.admin-create-user{display:grid;grid-template-columns:minmax(180px,1fr) 105px 125px auto;gap:9px;margin:18px 0}.admin-create-user input,.admin-create-user select{min-width:0;font-size:13px;padding:10px}.admin-link-result{background:#edf5ff;border:1px solid #d1e3f6;border-radius:9px;padding:13px;margin-bottom:17px}.admin-link-result>div{display:flex;gap:7px}.admin-link-result input{font-size:12px;min-width:0;padding:8px}.admin-users-list{display:grid;gap:11px}.admin-user-card{border:1px solid #e3e8f0;border-radius:9px;padding:13px}.admin-user-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.admin-user-heading strong{font-size:13px;font-weight:550;overflow-wrap:anywhere}.admin-user-controls{display:flex;flex-wrap:wrap;gap:7px}.admin-user-controls select{width:90px}.admin-user-controls input{width:100px}.admin-user-controls select,.admin-user-controls input{padding:7px 8px;font-size:12px;min-height:33px}.admin-user-controls .button{min-height:33px;font-size:11px;padding:7px 9px}.admin-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:17px}.admin-settings-grid label{font-size:12px}.admin-settings-grid select,.admin-settings-grid input{font-size:13px}.admin-size-heading{display:flex;align-items:center;justify-content:space-between;margin:21px 0 11px}.admin-size-heading h3{font-size:15px;font-weight:550}.settings-sizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:21px}.settings-size-row{display:grid;grid-template-columns:18px minmax(48px,1fr) 12px minmax(48px,1fr) 10px 27px;align-items:center;gap:6px}.settings-size-row input[type=checkbox]{width:15px;height:15px;margin:0;padding:0;accent-color:#517ba8}.settings-size-row input[type=number]{min-width:0;padding:8px;font-size:12px}.settings-size-row>span{color:#97a3b4;text-align:center}.settings-size-row .icon-button{width:27px}.review-filters{display:flex;align-items:center;gap:9px;margin:15px 0}.review-filters input{min-width:0;flex:1;font-size:13px}.review-filters select{width:155px;font-size:12px}.review-filters .field-help{white-space:nowrap;min-width:65px}.review-artwork{height:min(42dvh,380px);min-height:180px;background:#f4f6fa;border:1px solid #e6ebf3;border-radius:10px;display:grid;place-items:center;color:#8997a9;font-size:14px;overflow:hidden}.review-image-button{display:block;border:0;background:transparent;cursor:zoom-in;padding:18px;width:100%;height:100%;min-height:0}.review-image-button img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 5px #27344913)}.review-caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:14px 0}.review-caption h3{font-size:15px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-caption .field-help{text-align:right;font-size:10px}.review-actions{display:flex;gap:10px;justify-content:flex-end}.review-actions .button{min-width:115px}.review-actions kbd{font-family:inherit;font-size:10px;opacity:.5;border:1px solid currentColor;border-radius:3px;line-height:1;padding:3px;margin-left:8px}#review-deny{color:#a65164}.review-undo-slot{min-height:46px;padding-top:13px}#review-undo{margin-top:0}#admin-error{margin:0 0 12px}.asset-preview-button{display:block;width:100%;padding:0;background:none;border:0;cursor:zoom-in}.asset-preview-button .saved-preview{margin-bottom:10px}.asset-view-controls{display:flex;align-items:center;gap:7px;margin-bottom:10px}.asset-full-scroll{height:min(68dvh,780px);overflow:auto;background-color:#f3f5f8;background-image:linear-gradient(45deg,#e8edf3 25%,transparent 25%),linear-gradient(-45deg,#e8edf3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8edf3 75%),linear-gradient(-45deg,transparent 75%,#e8edf3 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border-radius:9px}.asset-full-scroll img{width:100%;height:100%;object-fit:contain;display:block}.asset-full-scroll.actual-size img{width:auto;height:auto;max-width:none;max-height:none}.asset-full-scroll.actual-size{cursor:all-scroll}#library-more{display:block;margin:17px auto 0}.history-item.library-reviewed{position:relative;overflow:hidden}.library-result{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#f7faf8ee;color:#47785c;font-size:13px;font-weight:600;letter-spacing:.02em;border:1px solid #d4e5d9;border-radius:10px}.library-result-trash{background:#fbf7f8ee;color:#9a5968;border-color:#edd8de}.library-result-pending{background:#f5f8fbee;color:#55748e;border-color:#d9e4ed}
@media(max-width:900px){.brand{font-size:16px;gap:8px}.firesprint-lockup img{width:100px}.header-actions{gap:4px}.header-button{font-size:12px;padding:7px}.credit-button{padding:6px 8px}}
@media(max-width:650px){.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:12px 16px;gap:10px}.brand{font-size:16px}.firesprint-lockup img{width:110px}.header-actions{width:100%;justify-content:space-between;gap:3px}.header-button{font-size:11px}.header-actions .credit-button span{display:inline}.credit-button{font-size:10px}.workspace{min-height:calc(100dvh - 115px)}.admin-create-user{grid-template-columns:1fr 105px}.admin-create-user input[type=email]{grid-column:1/-1}.admin-create-user .button{grid-column:1/-1}.admin-settings-grid{gap:12px}.settings-sizes{grid-template-columns:1fr}.review-filters{flex-wrap:wrap}.review-filters select{width:132px}.review-filters input{min-width:125px}.review-filters .field-help{margin-left:auto}.review-caption{display:block}.review-caption .field-help{text-align:left}.review-actions{gap:7px}.review-actions .button{flex:1;min-width:0;font-size:12px}.review-actions kbd{display:none}.review-artwork{height:36dvh}.admin-user-heading{align-items:flex-start}.asset-full-scroll{height:65dvh}}

#asset-preview-dialog.has-moderation[open]{display:flex;flex-direction:column;overflow:hidden;height:min(calc(100dvh - 32px),940px)}
#asset-preview-dialog.has-moderation>.dialog-heading,#asset-preview-dialog.has-moderation>.asset-view-controls,#asset-preview-dialog.has-moderation>.asset-preview-moderation{flex-shrink:0}
#asset-preview-dialog.has-moderation>.asset-full-scroll{height:auto;min-height:180px;flex:1}
.asset-preview-moderation{margin-top:12px}
.upload-progress-summary{display:grid;gap:6px;font-size:12px;color:#667085;padding:4px 0}
.header-menu-items .header-button span{display:inline}
.upload-progress-summary progress,.upload-file-progress{width:100%;height:7px;accent-color:#b94a12}
.upload-file-progress{grid-column:2/-1;margin:2px 0}
.upload-thumbnail{grid-row:span 2;width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:#e9eef5}
.upload-thumbnail-placeholder{font-size:22px;color:#687d97}
.upload-thumbnail img{grid-area:1/1}
.artwork-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-shrink:0}
.artwork-navigation [role=status]{font-size:12px;color:#657080;text-align:center}
.library-result{pointer-events:none}
.asset-preview-moderation>.error{height:18px;min-height:18px;margin:0 0 7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.asset-preview-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.asset-preview-actions .button{width:100%;min-height:42px}
.button.danger{border-color:#ebc6cd;background:#fff7f8;color:#a04456}.button.danger:hover{background:#fdecef}
.history-delete-dialog{width:min(calc(100% - 32px),470px)}.history-delete-dialog h2{margin:0 0 16px;font-size:22px}.history-delete-name{font-weight:600;overflow-wrap:anywhere;margin:0 0 10px}.history-delete-description{line-height:1.55;color:#66748a;margin:0 0 20px}.history-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.history-delete-actions .button{min-height:44px}.history-delete-actions button:focus-visible{outline:3px solid #9aaffe;outline-offset:3px}
@media(max-width:650px){.history-delete-dialog{width:calc(100% - 16px)}.history-delete-actions{flex-wrap:wrap}.history-delete-actions .button{flex:1;min-width:130px}.history-item .card-actions .button{min-height:44px}}
.library-result-rejected{background:#fbf7f8ee;color:#9a5968;border-color:#edd8de}
@media(max-width:650px){#asset-preview-dialog.has-moderation[open]{height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden}.asset-preview-actions{gap:7px}.asset-preview-actions .button{min-height:40px;padding-inline:8px}}
.admin-holds{margin-top:20px;border-top:1px solid #e3e8f0;padding-top:14px}.admin-holds summary{font-size:13px;cursor:pointer}.admin-hold-row{display:grid;grid-template-columns:minmax(0,1fr) 95px auto;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f5}.admin-hold-row strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.admin-hold-row small{display:block;font-size:10px;color:#8795a8;margin-top:4px}.admin-hold-row input{padding:8px;font-size:12px;min-width:0}.admin-hold-row .button{font-size:12px;min-height:33px}#admin-credit-holds{font-size:12px;color:#7b899b;margin-top:10px}
/* FireSprint brand accents; sheet diagrams and production status colors stay distinct. */
:root{--ink:#252525;--brand-action:#bd4a12;--brand-action-hover:#a83e0d}
.primary{background:var(--brand-action);box-shadow:0 3px 7px #bd4a1218}.primary:hover{background:var(--brand-action-hover);box-shadow:0 4px 12px #bd4a122a}.primary:disabled{box-shadow:none}
.topbar{background:#242424;background-image:linear-gradient(100deg,#3b2c25 0%,#242424 40%)}.header-button{color:#e5e1de}.credit-button{color:#e9e3de}
.login-screen{background-color:#232323;background-image:radial-gradient(ellipse at 50% 0%,#4a3328,transparent 65%)}.login-card{box-shadow:0 20px 90px #12100e66}.login-card input:focus{border-color:#cc743f;box-shadow:0 0 0 3px #bd4a1212}.login-card .primary:focus-visible{outline-color:#e9935d}
/* Phone refinements: comfortable controls without changing the desktop workspace. */
.sticker-menu{overflow-y:auto;overscroll-behavior:contain}
@media(max-width:650px){
  .login-screen{padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));align-items:safe center}
  .login-card{padding:25px;gap:12px}.login-logo{max-width:100%;margin-bottom:16px}.login-card h1{margin-bottom:15px}
  :is(#studio,dialog,.login-card) :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px}
  :is(#studio,dialog,.login-card) :is(button,.button,select,input:not([type=checkbox]):not([type=radio])){min-height:44px}
  :is(#studio,dialog) .icon-button{width:44px;height:44px;min-width:44px}
  .header-actions{flex-wrap:wrap;justify-content:flex-start;gap:4px}.header-button{padding:9px}.header-actions .on-dark{margin-left:auto}
  .controls{padding:16px}.controls form{column-gap:12px}.theme-field textarea{height:80px;min-height:72px}
  .reference-field,#reference-mode-field,#sheet-mode-control{grid-column:1/-1}
  #sheet-mode-control{margin:12px 0 0;min-height:0}#sheet-mode-control button{height:auto;min-height:44px;flex-direction:row;font-size:13px}
  #sheet-mode-control svg{width:15px;height:15px}
  .sheet-options{margin-top:12px;column-gap:12px}.sheet-options>.field{grid-column:1/-1}
  .sheet-size-row>select{min-width:0;flex:1}.orientation-control button{width:44px;height:44px;min-width:44px}
  .style-tile{height:58px}.optional-section{padding:6px 0}.optional-section summary,.plan-adjust summary,.original-prompt summary{min-height:44px;display:flex;align-items:center}
  .optional-section[open] summary{margin-bottom:7px}.optional-section .field-row{grid-template-columns:minmax(0,1fr) 94px}
  .color-control input[type=color]{width:44px;height:44px;flex-shrink:0}.washout-control input[type=range]{min-height:44px}
  .remove-reference{min-height:44px;top:-14px;padding:8px 0 8px 10px}
  .canvas-area{padding:18px 16px 14px}.sheet-tools{flex-wrap:wrap;gap:6px;margin-top:10px}.canvas-toolbar{flex-wrap:wrap;gap:10px}
  .sheet-heading{flex:1;min-width:145px}.sheet-heading h2{max-width:100%;overflow-wrap:anywhere}.view-control button{min-height:44px}
  .canvas-footer{flex-wrap:wrap;gap:8px}.export-actions{margin-left:auto}.add-sticker-button{width:44px;height:44px}
  .sticker-menu{width:220px}.sticker-menu button{min-height:44px;font-size:14px}
  dialog,.wide-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:16px;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:12px}
  .dialog-heading{margin-bottom:12px}.dialog-heading h2{font-size:20px}.dialog-heading .icon-button{margin:-6px -6px -6px 0}
  .dialog-tabs{gap:7px}.resize-row{gap:8px}.check-label{min-height:44px}
  .inspect-controls select{max-width:100%;min-width:140px}.smoothing-controls{flex-wrap:wrap}.smoothing-controls select{max-width:none;flex:1;min-width:130px}.smoothing-controls input[type=range]{min-height:44px}
  #inspect-dialog[open]{display:flex;flex-direction:column;height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}
  #inspect-dialog>.dialog-heading,#inspect-dialog>.inspect-controls,#smoothing-controls{flex-shrink:0}
  #inspect-scroll{flex:1;min-height:140px;height:auto}
  .library-filters{flex-wrap:wrap;gap:8px}.library-filters input{flex:1;min-width:140px}.library-filters select{width:130px}
  .asset-full-scroll{height:55dvh;min-height:140px}.asset-view-controls{flex-wrap:wrap}.asset-view-controls .field-help{flex:1;min-width:100px}
  .admin-settings-grid{grid-template-columns:1fr}.settings-size-row{grid-template-columns:44px minmax(48px,1fr) 12px minmax(48px,1fr) 10px 44px;gap:4px}
  .settings-size-row input[type=checkbox]{width:28px;height:44px;margin:auto}.settings-size-row .icon-button{width:44px}
  .admin-hold-row{grid-template-columns:minmax(0,1fr) 95px auto}.admin-hold-row>div{grid-column:1/-1}
  .clarification-options label{min-height:44px}.plan-review textarea{min-height:180px}.plan-review .plan-adjust textarea{min-height:90px}
}
.history-scope-tabs{margin-bottom:8px}.history-status-tabs{margin-bottom:16px}.history-scope-tabs[hidden]{display:none}

/* Batch sources and a scrollable editing area around the physical sheet. */
.batch-uploads{display:grid;gap:8px;margin-top:8px;max-height:460px;overflow:auto}.batch-upload{display:grid;grid-template-columns:42px minmax(0,1fr) 28px;gap:6px;padding:8px;background:#f7f8fb;border:1px solid #dfe3eb;border-radius:8px}.batch-upload img{width:42px;height:42px;object-fit:contain;grid-row:span 2}.batch-upload>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.batch-upload>small{grid-column:2/4;color:#667085;font-size:11px}.batch-upload>button{border:0;background:transparent;min-height:28px}.batch-upload>select,.batch-upload>details{grid-column:1/-1}.batch-upload summary{font-size:11px;color:#667085;cursor:pointer}.batch-upload details input{margin-top:5px;font-size:12px;padding:8px}.parking-note{padding:0 24px 8px}.layout-warning{flex-wrap:wrap}.layout-warning>span{flex:1 1 100%}.canvas-stage{overflow:auto;justify-content:flex-start;min-height:420px}.sheet-surround.parking-workspace{flex:none;margin:65px 220px 70px 90px;overflow:visible}.parking-workspace .sheet-paper{overflow:visible}.sheet-hit-overlay,.sheet-art-scene{overflow:visible!important}.parking-workspace .sheet-paper:before{content:"";position:absolute;inset:-36px -180px -36px -60px;background:#eaecf0;z-index:-1;border:1px dashed #c8cdd6;border-radius:8px;pointer-events:none}.parking-workspace .sheet-paper{isolation:isolate}.parking-workspace .dimension{z-index:5}.sticker-menu{max-height:calc(100dvh - 24px);overflow:auto}
@media(max-width:650px){.sheet-surround.parking-workspace{margin:52px 170px 55px 60px;min-width:280px}.canvas-stage{min-height:350px}.batch-upload>button{min-height:36px}}

.sheet-surround.parking-workspace{margin:max(52px,var(--parking-top)) max(170px,var(--parking-right)) max(55px,var(--parking-bottom)) max(60px,var(--parking-left))}

/* Credit balance icon. */
.credit-button::before, .uses-credits::before {
  content:""; display:inline-block; width:18px; height:18px; flex:0 0 18px;
  background:currentColor; vertical-align:-3px;
  -webkit-mask:var(--studio-credit-mark) center / contain no-repeat;
  mask:var(--studio-credit-mark) center / contain no-repeat;
}
:root { --studio-credit-mark:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%2F%3E%3Cpath%20d%3D%22m12%206%201.7%204.3L18%2012l-4.3%201.7L12%2018l-1.7-4.3L6%2012l4.3-1.7Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E"); }
.credit-button { display:inline-flex; align-items:center; gap:6px; }
.uses-credits::before{margin-right:6px}
.plan-overview{padding-left:22px;margin:16px 0}.plan-overview li{padding:8px 0;line-height:1.4}.plan-overview strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.plan-overview span{display:block;font-size:12px;color:#758196}#plan-details summary{cursor:pointer;color:#64748b;font-size:13px;margin-bottom:12px}#plan-details textarea{width:100%}
.account-settings-help{margin:8px 0 18px;line-height:1.5}.account-settings-dialog .button,#account-settings-form .button{width:100%;margin-top:16px}

.generation-preview{position:absolute;inset:10% 5% 9%;display:grid;gap:3%;opacity:.55;pointer-events:none}.generation-slot{display:flex;flex-direction:column;min-width:0;min-height:0;align-items:center;justify-content:center;border:1px dashed #c4ccd8;border-radius:8px;background:#f7f9fc;padding:5px;overflow:hidden}.generation-slot.complete{border-color:transparent;background:transparent}.generation-slot img{width:100%;height:calc(100% - 18px);min-height:0;object-fit:contain}.generation-slot span{max-width:100%;font-size:10px;color:#56647a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.has-generation-draft .working-overlay{background:transparent;align-items:start;padding-top:12px;pointer-events:none}.has-generation-draft .working-pill{font-size:11px;padding:8px 12px}.is-working .sheet-art-scene{opacity:.45}.first-pass-choice{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#f0f7ff;border:1px solid #bad4ef;border-radius:10px;padding:14px;margin:14px 0 0}.first-pass-choice p{flex:1 1 240px;margin:0;font-size:13px;line-height:1.5;color:#354b64}.first-pass-actions{display:flex;flex-wrap:wrap;gap:8px}.first-pass-choice[hidden],.generation-preview[hidden]{display:none}
@media(max-width:650px){.first-pass-actions{width:100%}.first-pass-actions button{flex:1}.generation-slot span{font-size:9px}}

.export-actions{flex-wrap:wrap;justify-content:flex-end}#export-status{font-size:12px;max-width:22rem;color:var(--muted,#64748b)}
.editor-view-tools{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin:12px 0}.editor-view-tools>div{display:flex;gap:7px;align-items:center}.editor-view-tools output{min-width:45px;text-align:center;font-size:12px}.canvas-stage.editor-zoomed{overflow:auto;display:block;max-height:75dvh;padding:30px}.editor-zoomed .sheet-surround{max-width:none;margin:0}.touch-scroll-mode .sheet-hit-overlay,.touch-scroll-mode .sticker-hit{touch-action:pan-x pan-y pinch-zoom}.touch-scroll-mode .sticker-hit{cursor:pointer}.sticker-menu-badge{opacity:0;pointer-events:all;cursor:pointer}.sticker-menu-badge circle{fill:white;stroke:#64748b;stroke-width:.7}.sticker-menu-badge text{fill:#334155;font-size:15px;font-weight:bold}.sticker-interactive:hover .sticker-menu-badge,.sticker-interactive:focus-within .sticker-menu-badge{opacity:1}.interaction-disabled .sticker-menu-badge{pointer-events:none}#sheet-title[role=button]{cursor:text;border-bottom:1px dashed #a8b3c3}#sheet-title:focus-visible{outline:2px solid #548dc3;outline-offset:4px}
@media(any-pointer:coarse){.sticker-menu-badge{opacity:1}.editor-view-tools button{min-width:44px;min-height:44px}}
.generation-slot{position:relative;border:0;background:transparent;overflow:visible;transform:rotate(var(--tilt));animation:sticker-arrive .6s both;animation-delay:var(--arrival)}.generation-slot:not(.complete)::before{content:'';position:absolute;inset:9% 7% 21%;background:#e4eaf3;border:4px solid white;box-shadow:0 3px 6px #3341551c;border-radius:42% 58% 48% 35% / 48% 42% 58% 52%;z-index:-1;animation:sticker-breathe 2.8s ease-in-out infinite;animation-delay:var(--arrival)}.generation-slot[data-shape="1"]::before{border-radius:25% 48% 30% 55% / 52% 32% 50% 30%}.generation-slot[data-shape="2"]::before{border-radius:48% 25% 50% 32% / 24% 60% 35% 55%}.generation-slot[data-shape="3"]::before{border-radius:30% 40% 22% 45% / 42% 25% 45% 20%}.generation-slot span{align-self:center;margin-top:auto;background:#ffffffbd;border-radius:6px;padding:3px 5px}.generation-slot.complete{animation:none}.generation-slot.complete img{filter:drop-shadow(0 2px 2px #33415522)}@keyframes sticker-arrive{from{opacity:0;transform:translateY(-12px) rotate(0) scale(.92)}to{opacity:1;transform:translateY(0) rotate(var(--tilt)) scale(1)}}@keyframes sticker-breathe{50%{background:#d5deed;transform:scale(.96)}}@media(prefers-reduced-motion:reduce){.generation-slot,.generation-slot::before{animation:none!important}}
/* Guided setup: make the next step clear; reveal tools when requested. */
.product-choices{display:grid;gap:14px;margin:28px 0}.product-choices button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:24px;border:1px solid #dce1e8;border-radius:12px;background:#fff;color:#202938;min-height:112px;cursor:pointer}.product-choices button:hover,.product-choices button:focus-visible{border-color:#ae4c20;background:#fff7f1;outline:2px solid #ae4c20;outline-offset:2px}.product-choices strong{font-size:20px}.product-choices span{font-size:14px;line-height:1.5;color:#657080}.setup-back{background:none;border:0;padding:8px 0 20px;color:#7b462e;cursor:pointer}.choosing-product,.setting-up{display:block;max-width:680px;margin:36px auto}.choosing-product .controls,.setting-up .controls{width:auto;border:1px solid #e5e7eb;border-radius:16px;padding:28px;background:white}.choosing-product .canvas-area,.setting-up .canvas-area{display:none}.choosing-product .controls-footer,.setting-up .controls-footer{display:none}.choosing-product .panel-heading h1{font-size:28px}.choosing-product .panel-heading{align-items:start;gap:18px}.choosing-product .small-label{white-space:nowrap}.setting-up #setup-sizes{border-bottom:1px solid #e8ebef;margin-bottom:20px}.setting-up #customization{margin:18px 0}.setting-up #customization>.sheet-options{margin:16px 0}.setting-up #repeat-arrangement-field,.setting-up #cut-mode-field{display:none}.setting-up .reference-modes{display:flex;gap:8px}.setting-up .reference-modes button{flex:1;min-height:48px}.setting-up .check-label{white-space:normal}.setting-up #fill-stickers-field{margin-bottom:24px}.finishing-sheet{grid-template-columns:minmax(0,1fr)}.finishing-sheet>.controls{display:none}.finishing-sheet.customizing{grid-template-columns:300px minmax(0,1fr)}.finishing-sheet.customizing>.controls{display:block}.finishing-sheet .canvas-area{max-height:none;min-height:calc(100dvh - 72px)}.finishing-sheet #generate-button{width:auto;min-width:140px;margin:0;padding:10px 16px;min-height:42px;font-size:13px}.finishing-sheet #generate-button .button-arrow{display:none}.finishing-sheet .export-actions{align-items:center;gap:10px;flex-wrap:wrap}.finishing-sheet .sheet-tools{justify-content:flex-end;gap:8px}.finishing-sheet .controls-footer{display:none}.sheet-more,.header-menu{position:relative}.sheet-more>summary,.header-menu>summary{list-style:none;cursor:pointer;padding:10px 14px;border-radius:8px;font-size:13px;min-height:40px;display:flex;align-items:center}.sheet-more>summary{border:1px solid #dce1e8;background:white}.more-actions,.header-menu-items{position:absolute;right:0;top:calc(100% + 6px);z-index:100;min-width:200px;padding:8px;background:white;border:1px solid #dce1e8;border-radius:10px;box-shadow:0 8px 28px #18243522;display:grid;gap:6px}.header-menu-items{background:#262626}.more-actions button,.header-menu-items button{width:100%;justify-content:flex-start;text-align:left;min-height:44px}.single-size-preview{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:12px 20px;background:#fff;border:1px solid #e4e8ef;border-radius:10px;margin:10px auto;max-width:570px}.single-size-preview #physical-size-field{margin:0;flex:1 1 240px}.single-size-preview>label{display:none}.single-size-preview>input{width:150px}.single-size-preview>p:empty{display:none}#setup-fields[hidden],#setup-sizes[hidden],#single-size-preview[hidden],#sheet-more[hidden],#sheet-mode-control[hidden]{display:none!important}
@media(max-width:650px){.choosing-product,.setting-up{margin:12px}.choosing-product .controls,.setting-up .controls{padding:20px;border-radius:12px}.choosing-product .panel-heading{display:block}.choosing-product .panel-heading h1{font-size:25px;margin-bottom:10px}.product-choices{gap:12px;margin:20px 0}.product-choices button{padding:20px;min-height:100px}.setting-up .sheet-options{display:block}.finishing-sheet,.finishing-sheet.customizing{display:flex;flex-direction:column}.finishing-sheet.customizing>.controls{order:1;width:100%;border-top:1px solid #dce1e8}.finishing-sheet .canvas-area{order:0;min-height:calc(100dvh - 100px);padding-bottom:90px}.finishing-sheet .canvas-footer{position:fixed;bottom:0;left:0;right:0;background:white;padding:12px 14px max(12px,env(safe-area-inset-bottom));z-index:50;border-top:1px solid #dce1e8;display:flex;justify-content:center}.finishing-sheet .canvas-footer>.sheet-status{display:none}.finishing-sheet .export-actions{display:flex;justify-content:center;width:100%}.finishing-sheet #generate-button,.finishing-sheet #download-pdf{flex:1;min-width:0;min-height:46px}.finishing-sheet #export-status{font-size:11px;flex-basis:100%;text-align:center}.finishing-sheet .canvas-toolbar{margin-top:8px}.finishing-sheet .sheet-tools{justify-content:flex-start;margin-top:8px}.finishing-sheet .canvas-stage{min-height:330px}.single-size-preview{margin:8px 0;padding:12px}.single-size-preview>input{width:100%}.topbar{padding:12px 16px}.header-actions{flex-wrap:wrap;gap:3px}.header-menu>summary{padding:8px}.finishing-sheet .sheet-heading .small-label{display:none}}
.choosing-product #generate-form,.setting-up #generate-form,.finishing-sheet #generate-form{display:block}.choosing-product .panel-heading,.setting-up .panel-heading{margin-bottom:18px}.setting-up #setup-fields{width:100%}.setting-up #setup-back{display:block}.setting-up #setup-sizes{display:block}.setting-up #setup-size-hint{margin-top:0}.finishing-sheet .sheet-tools #cost-button{font-size:13px}

.finishing-sheet #generate-button{width:auto;margin-top:0}.finishing-sheet #create-error{margin:10px 0}.finishing-sheet #export-status:empty{display:none}
@media(max-width:650px){.finishing-sheet .export-actions{flex-wrap:nowrap}.finishing-sheet #generate-button,.finishing-sheet #download-pdf{flex:1 1 0;width:auto}.finishing-sheet #export-status:not(:empty){max-width:110px}.finishing-sheet.customizing>.controls{padding-bottom:100px}}

.finishing-sheet:not(.has-parked-stickers) .canvas-stage:not(.editor-zoomed){justify-content:center}.finishing-sheet:not(.has-parked-stickers) .canvas-stage:not(.editor-zoomed) .sheet-surround.parking-workspace{margin:24px;min-width:0;width:min(calc(100% - 48px),680px,calc((100dvh - 360px)*var(--sheet-ratio)))}.finishing-sheet:not(.has-parked-stickers) .parking-workspace .sheet-paper:before{inset:-22px}
@media(max-width:650px){.finishing-sheet:not(.has-parked-stickers) .canvas-stage:not(.editor-zoomed) .sheet-surround.parking-workspace{width:min(calc(100% - 48px),calc(330px*var(--sheet-ratio)))}.finishing-sheet .canvas-stage{padding:20px 8px}}

#close-customization{margin-top:16px;width:100%}.finishing-sheet.customizing #form-title{scroll-margin-top:20px}
/* The editing viewport uses all remaining space; zoom changes its content, not
   its alignment or page height. Both sides of oversized content stay reachable. */
.editor-canvas-content{display:contents}
.finishing-sheet .canvas-area{height:var(--editor-available-height,calc(100dvh - 72px));min-height:0;max-height:none}
.finishing-sheet .canvas-toolbar,.finishing-sheet .sheet-tools,.finishing-sheet .editor-view-tools,.finishing-sheet .single-size-preview,.finishing-sheet .canvas-footer{flex-shrink:0}
.finishing-sheet .canvas-stage,.finishing-sheet:not(.has-parked-stickers) .canvas-stage:not(.editor-zoomed){display:block;flex:1;min-height:0;max-height:none;padding:0;overflow:auto;container-type:normal;scrollbar-gutter:stable both-edges}
.finishing-sheet .editor-canvas-content{display:block;position:relative}
.finishing-sheet .canvas-stage .sheet-surround,.finishing-sheet:not(.has-parked-stickers) .canvas-stage:not(.editor-zoomed) .sheet-surround.parking-workspace{position:absolute;margin:0;min-width:0;max-width:none;flex:none}
.finishing-sheet .canvas-stage:has(.add-sticker-button:not([hidden])){padding-bottom:0}
/* Desktop actions stay visible while long finishing options scroll. */
@media(min-width:651px){
  .workspace.finishing-sheet{height:var(--editor-available-height,calc(100dvh - 58px))}
  .finishing-sheet.customizing>.controls{display:flex;overflow:hidden}
  .finishing-sheet.customizing #generate-form{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain;padding:3px;margin:-3px}
  .finishing-sheet.customizing #close-customization{flex-shrink:0;margin-top:12px}
}
/* Setup is a document flow, not the fixed-height editor viewport. */
body:has(#studio:not([hidden]) .workspace.setting-up),body:has(#studio:not([hidden]) .workspace.choosing-product){overflow-y:auto}
.workspace.setting-up,.workspace.choosing-product{height:auto;min-height:calc(100dvh - 130px);padding-bottom:32px}
.setting-up>.controls,.choosing-product>.controls{overflow:visible;max-height:none}
.setting-up #cut-mode-field:not([hidden]){display:block}
.single-size-preview>.color-control{display:flex;align-items:center;gap:8px;margin:0}
.single-size-preview>#cut-mode-field{margin:0;min-width:180px}
.single-size-preview>#cut-mode-field label{font-size:12px}
.single-size-preview-active .sheet-art-scene{display:block}
.single-size-preview-active>#sheet-preview,.single-size-preview-active>#cut-overlay{visibility:hidden}
.product-choices button{display:grid;grid-template-columns:110px 1fr;column-gap:20px;row-gap:8px;align-content:center}
#sheet-mode-control.product-choices .product-example{grid-row:1/3;width:110px;height:86px;stroke-width:1.5;align-self:center}
.product-choices strong,.product-choices span{grid-column:2}
@media(max-width:430px){.product-choices button{grid-template-columns:84px 1fr;padding:16px;column-gap:12px}#sheet-mode-control.product-choices .product-example{width:84px;height:72px}.product-choices strong{font-size:18px}}

/* Keep sticker actions above the fixed phone footer, with their own scrolling. */
.sticker-menu{z-index:80;overscroll-behavior:contain}
@media(max-width:650px){
  .header-actions{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) 44px auto;gap:4px;align-items:center}
  .header-actions>.header-button,.header-actions>.credit-button,.header-menu>summary{min-height:44px;justify-content:center;white-space:nowrap}
  .header-actions>.header-button{padding:8px 4px}
  .header-menu>summary{padding:8px}
  .finishing-sheet .canvas-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
  .finishing-sheet .sheet-heading h2{max-width:100%;font-size:16px}
  .finishing-sheet .view-control button{min-height:40px;padding:8px;font-size:12px}
  .finishing-sheet .sheet-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
  .finishing-sheet .sheet-tools>.button,.finishing-sheet .sheet-more>summary{min-height:44px;width:100%;justify-content:center}
  .finishing-sheet .editor-view-tools{justify-content:space-between;gap:8px;margin:8px 0 12px}
  .finishing-sheet .editor-view-tools>div{gap:4px;margin-left:auto}
  .finishing-sheet .editor-view-tools output{min-width:38px}
  .finishing-sheet .editor-view-tools .button{padding:8px;min-height:44px;font-size:12px}
  .sticker-menu{border-radius:14px;padding:8px;box-shadow:0 -4px 30px #172d4c26}
}
@media(max-width:360px){
  .header-actions .credit-button span:last-child:not(#credit-balance){display:none}
  .header-actions .credit-button{padding:6px;gap:4px}
  .header-actions{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) 36px auto}
  .finishing-sheet .canvas-toolbar{grid-template-columns:1fr}
  .finishing-sheet .view-control{justify-self:start}
  .finishing-sheet .editor-view-tools{justify-content:flex-start}
  .finishing-sheet .editor-view-tools>div{margin-left:0}
}

.save-progress{display:flex;flex-direction:column;gap:9px;padding:16px 18px;margin:10px 0;border:1px solid #84b8db;border-radius:10px;background:#edf7ff;color:#173f62;box-shadow:0 2px 10px #1843660a}.save-progress[hidden]{display:none}.save-progress strong{font-size:14px}.save-progress span{font-size:12px;line-height:1.5}.save-progress progress{display:block;width:100%;height:12px;accent-color:#1679bd}.save-progress.complete{background:#eff8f3;border-color:#abd2ba;color:#265c3a}.save-progress.complete progress{accent-color:#388256}

/* Keep PDF and proof downloads adjacent and reachable on narrow screens. */
@media(max-width:650px){.finishing-sheet .export-actions{flex-wrap:wrap}.finishing-sheet #download-proof,.finishing-sheet #export-download{flex:1 1 auto;min-width:0;min-height:46px}.finishing-sheet #export-status:not(:empty){flex-basis:100%;max-width:none;order:2}}

/* Upload consent is independent of the planning text. */
.upload-permission { min-width:0; border:1px solid var(--line,#d6dae2);border-radius:10px;padding:12px;margin:12px 0;grid-column:1/-1; }
.upload-permission legend { font-size:.85rem;font-weight:650;padding:0 4px; }
.upload-permission label { display:flex;align-items:flex-start;gap:9px;margin:8px 0;cursor:pointer; }
.upload-permission input[type=radio] { width:auto;flex:none;margin-top:4px; }
.upload-permission strong,.upload-permission small { display:block; }
.upload-permission strong { font-size:.85rem; }
.upload-permission small { font-size:.78rem;font-weight:400;line-height:1.45;color:var(--muted,#5d687c);margin-top:3px; }
.upload-ai-admin {display:flex;gap:10px;align-items:center;}.upload-ai-admin input {width:auto;}

/* Plan and feedback requests have no measured percentage from the planner. */
.plan-progress{display:block;flex-shrink:0;width:100%;height:12px;accent-color:#1679bd}
.plan-progress[hidden],.reviewing-plan .editor-view-tools{display:none}

.split-crop-preview{display:block;max-width:160px;max-height:160px;object-fit:contain;border-radius:8px;margin:8px 0}.split-crop-preview+small{display:block;color:var(--muted,#64748b);font-size:12px}

.single-creation-progress{max-width:540px;margin:60px auto;padding:28px;background:white;border:1px solid #e4e8ef;border-radius:12px;text-align:center}.single-creation-progress progress{display:block;width:100%;margin:20px 0}.single-creation-progress[hidden]{display:none}.single-size-preview{min-height:120px}.single-size-preview #single-size-quality{flex-basis:100%;min-height:18px;margin:0}.single-size-preview #single-size-apply{min-width:94px}

.collection-intro{font-size:14px;line-height:1.5;color:#4b5563;margin:0 0 18px}
#collection-upload-help,#collection-idea-help{font-size:12px;line-height:1.5;margin:6px 0 10px}

/* Starting point gallery and the short review before creating a sheet. */
.choosing-product{max-width:940px}
.product-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 0}
.product-choices .starter-intro{grid-column:1/-1;color:#657080;font-size:14px;line-height:1.5;margin:0 0 10px}
.product-choices button{grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:14px;row-gap:4px;align-content:start;min-height:122px;padding:14px}
#sheet-mode-control.product-choices .product-example{grid-column:1;grid-row:1/4;width:100px;height:86px;align-self:center}
.product-choices button>strong,.product-choices button>span,.product-choices button>small{grid-column:2}
.product-choices button>strong{font-size:17px;line-height:1.2}
.product-choices button>span{font-size:12px;line-height:1.35}
.product-choices button>small{font-size:10px;color:#925034;align-self:end;letter-spacing:.2px}
.starter-looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.starter-looks button{border:1px solid #dce1e8;border-radius:10px;background:white;padding:8px;cursor:pointer;color:#48536a;font-size:11px;text-align:left;min-height:80px}
.starter-looks button.selected{border-color:#a94c23;box-shadow:0 0 0 2px #a94c2322;background:#fff8f3;color:#202938}
.starter-looks button:focus-visible{outline:2px solid #a94c23;outline-offset:2px}
.look-sample{display:flex;align-items:center;justify-content:center;height:42px;border-radius:6px;margin-bottom:5px;background:#f3f5fa}
.look-sample i{display:block;width:25px;height:25px;background:#eab467;clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%)}
.look-auto{background:linear-gradient(120deg,#e9f0fc,#fce8d8)}.look-photo{background:linear-gradient(135deg,#c2d4e4,#e8ebf0)}.look-photo i{background:#7295b6;filter:drop-shadow(0 2px 2px #42608066)}
.look-cartoon{background:#ffe9bf}.look-cartoon i{background:#f0a83f;filter:drop-shadow(2px 2px 0 #48536a)}
.look-vector{background:#dceff0}.look-vector i{background:#44a3a7}.look-drawn{background:#f1e8d9}.look-drawn i{background:#b98462;outline:2px dashed #8f5a4c}
.look-vintage{background:#e9d7bf}.look-vintage i{background:#a76d4c}.look-watercolor{background:#e4ddec}.look-watercolor i{background:#9b87bf;filter:blur(1.5px)}
.setup-review{padding:2px 0 10px}.setup-review h2{font-size:19px;font-weight:600;margin:0 0 18px}.setup-review dl{margin:0 0 18px;display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px 12px;font-size:13px;line-height:1.45}.setup-review dt{color:#778397}.setup-review dd{margin:0;overflow-wrap:anywhere}.setup-review p{line-height:1.5}
#setup-fields.reviewing>:not(#setup-review):not(#generate-button):not(#create-error){display:none!important}
@media(max-width:700px){.product-choices{grid-template-columns:1fr}.choosing-product{max-width:680px}.product-choices button{min-height:106px}.starter-looks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.product-choices button{grid-template-columns:84px minmax(0,1fr);padding:12px;column-gap:12px}#sheet-mode-control.product-choices .product-example{width:84px;height:72px}.product-choices button>strong{font-size:16px}.setup-review dl{grid-template-columns:100px minmax(0,1fr)}}

.generation-warnings{flex-shrink:0;max-height:230px;overflow:auto;margin:10px 0;padding:12px 14px;border:1px solid #e6c9a7;border-radius:10px;background:#fff9f1;color:#6c4828;font-size:12px;line-height:1.5}.generation-warning-summary{margin:0 0 7px}.generation-warning-row{display:flex;gap:14px;align-items:center;padding:9px 0;border-top:1px solid #ecdcc8}.generation-warning-detail{flex:1;min-width:0;display:grid;gap:3px;overflow-wrap:anywhere}.generation-warning-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.generation-warning-row .button{flex-shrink:0;min-height:40px}.generation-warning-row span{color:#806951}.generation-slot.failed{border-color:#cf8c68;background:#fff1e8;color:#944b22;opacity:1}
.failure-prompt-dialog{width:min(calc(100% - 32px),560px)}.failure-prompt-name{margin:0 0 18px;font-weight:600;overflow-wrap:anywhere}.failure-prompt-dialog textarea{display:block;width:100%;min-height:150px;resize:vertical;margin:8px 0}.failure-prompt-dialog .field-help{line-height:1.5}.failure-prompt-actions{display:flex;gap:10px;margin-top:18px}.failure-prompt-actions .button{flex:1;min-height:44px}.failure-prompt-price{margin-bottom:0}.failure-prompt-dialog :is(button,textarea):focus-visible,.generation-warning-actions button:focus-visible{outline:3px solid #9aaffe;outline-offset:3px}
@media(max-width:650px){.generation-warning-row{align-items:stretch;flex-direction:column;gap:10px}.generation-warning-actions{justify-content:flex-start}.generation-warning-actions .button{min-height:44px;flex:1;white-space:nowrap}.failure-prompt-dialog{width:calc(100% - 16px)}.failure-prompt-actions{flex-wrap:wrap}.failure-prompt-actions .button{flex-basis:150px}}

/* A visible, comfortably sized add action and protected QR controls. */
.canvas-stage:has(.add-sticker-button:not([hidden])){padding-bottom:64px}
.finishing-sheet .canvas-stage:has(.add-sticker-button:not([hidden])){padding-bottom:64px}
.add-sticker-button{display:flex;gap:8px;justify-content:center;width:auto;min-width:146px;height:50px;padding:0 18px;border:2px solid #fff;border-radius:26px;background:var(--orange,#bd430b);color:#fff;font-size:14px;font-weight:700;box-shadow:0 3px 13px #4820083d}
.add-sticker-button svg{width:24px;height:24px;stroke-width:2.3}
.add-sticker-button:hover{background:#983308;border-color:#fff}
.add-sticker-button:focus-visible{outline:3px solid #285eff;outline-offset:3px}
.qr-mode-tabs{display:flex;gap:8px;margin-bottom:18px}
.qr-mode-tabs button{flex:1;padding:11px;border:1px solid var(--line,#d7deea);border-radius:9px;background:#fff;color:#526077}
.qr-mode-tabs button[aria-pressed=true]{color:#963509;background:#fff1e8;border-color:#bd430b;font-weight:700}
#qr-fields input{width:100%;margin:7px 0 15px}#qr-fields label{display:block}
.qr-preview{display:grid;place-items:center}.qr-preview svg{width:150px;height:auto;max-height:210px;background:white;border:1px solid #e1e5eb;border-radius:4px}
.qr-plan-row{padding:14px;margin:12px 0;border:1px solid #d7deea;border-radius:10px;background:#f9fbff}
.qr-plan-row label{display:block;font-weight:600;margin-bottom:8px}.qr-plan-row input{width:100%;margin:5px 0 10px}
.qr-plan-row small{display:block;color:#64748b}.qr-mode-tabs[hidden],#qr-fields[hidden]{display:none}

.qr-preview svg{fill:#000;stroke:none}

.view-control{flex-shrink:0}.kiss-cuts-toggle{display:flex;align-items:center;gap:9px;border:1px solid #dce2ea;border-radius:8px;background:#fff;color:#566378;font-size:12px;font-weight:550;min-height:36px;padding:8px 11px;white-space:nowrap}.kiss-cuts-toggle:hover{border-color:#b9c6d5}.kiss-cuts-toggle:focus-visible{outline:3px solid #9aaffe;outline-offset:3px}.kiss-cuts-switch{position:relative;display:block;flex-shrink:0;width:30px;height:18px;border-radius:12px;background:#dfe4eb;transition:background .15s}.kiss-cuts-switch::after{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:white;box-shadow:0 1px 3px #24355226;transition:transform .15s}.kiss-cuts-toggle[aria-checked=true] .kiss-cuts-switch{background:#b9440d}.kiss-cuts-toggle[aria-checked=true] .kiss-cuts-switch::after{transform:translateX(12px)}@media(prefers-reduced-motion:reduce){.kiss-cuts-switch,.kiss-cuts-switch::after{transition:none}}
.plan-review.has-planning-cards{width:min(100%,1040px);max-height:calc(100dvh - 155px);margin:0 auto;padding:22px;gap:14px;scrollbar-width:thin}.has-planning-cards .plan-review-heading{position:sticky;top:-22px;z-index:4;background:#fff;padding:10px 0;margin-top:-10px}.has-planning-cards .plan-review-heading h2{font-weight:600}.planning-cards{display:grid;gap:14px}.planning-cards[hidden],.has-planning-cards #plan-details,.has-planning-cards #plan-overview,.has-planning-cards #plan-adjust,.has-planning-cards #plan-fill-stickers-field{display:none!important}.planning-concept-intro{font-size:14px;color:#657080;margin:0}.planning-shared-style{margin:0;border-left:3px solid #b94a12;padding:8px 12px;background:#fff8f2;border-radius:0 7px 7px 0;font-size:13px;line-height:1.45;max-height:100px;overflow:auto;white-space:pre-wrap}.planning-card-metrics{font-size:11px;color:#78869b;margin:0;font-variant-numeric:tabular-nums}.planning-card-list{list-style:none;display:grid;gap:16px;padding:0;margin:0}.planning-concept-card{border:1px solid #dce3ec;border-radius:12px;background:#fff;overflow:hidden}.planning-concept-heading{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #edf0f4;background:#fafbfd}.planning-concept-number{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eaf0f7;color:#5d6f83;font-size:12px;flex-shrink:0}.planning-concept-title{flex:1;min-width:0;border:1px solid transparent;border-radius:5px;padding:6px 8px;background:transparent;font-size:15px;font-weight:600;color:#263343}.planning-concept-title:hover,.planning-concept-title:focus{border-color:#cdd8e6;background:#fff}.planning-concept-tools{display:flex;gap:3px;flex-shrink:0}.planning-concept-tool{display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;background:#fff;border:1px solid #dce3ec;border-radius:7px;color:#617186;font-size:17px;cursor:pointer}.planning-concept-tool:hover{border-color:#a5b7cd;color:#283e59}.planning-concept-remove{font-size:23px}.planning-concept-body{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:18px;padding:16px}.planning-concept-visual{min-width:0}.planning-concept-preview{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid #e8edf3;border-radius:9px;background-color:#f8fafc;background-image:linear-gradient(45deg,#eef1f5 25%,transparent 25%),linear-gradient(-45deg,#eef1f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef1f5 75%),linear-gradient(-45deg,transparent 75%,#eef1f5 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.planning-concept-preview img{display:block;width:100%;height:100%;object-fit:contain;padding:8px}.planning-concept-preview img[hidden]{display:none}.planning-concept-placeholder{max-width:150px;text-align:center;font-size:12px;line-height:1.5;color:#92a0b1;padding:16px}.planning-concept-badge{position:absolute;bottom:8px;left:8px;right:8px;margin:auto;width:fit-content;border-radius:14px;background:#fff5e9;color:#8a541d;box-shadow:0 1px 5px #26334314;padding:5px 9px;font-size:11px;font-weight:500}.planning-concept-status{color:#6b7a8c;font-size:11px;line-height:1.45;margin:9px 0 0}.preview-stale .planning-concept-status{color:#97611d}.preview-generating .planning-concept-badge{background:#edf6ff;color:#276893}.planning-concept-fields{display:grid;gap:10px;min-width:0;align-content:start}.planning-concept-field{display:block;font-size:12px;font-weight:500;color:#506077;margin:0}.has-planning-cards .planning-concept-field textarea{display:block;width:100%;min-height:0;max-height:220px;resize:vertical;line-height:1.45;font-size:13px;padding:9px 10px;margin-top:5px;background:#fcfdff;border:1px solid #dce4ef;border-radius:7px}.planning-concept-field textarea:focus,.planning-concept-title:focus-visible{outline:2px solid #85a9dc;outline-offset:1px}.planning-concept-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.planning-concept-actions .button{font-size:12px;min-height:36px;padding:8px 11px}.planning-concept-save{font-size:10px;color:#8290a2}.planning-concept-error{font-size:12px;line-height:1.45;color:#b74453;margin:0}.planning-concept-save-retry{justify-self:start;font-size:11px}.planning-concept-alternatives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.planning-concept-alternatives[hidden]{display:none}.planning-concept-alternative{border:1px solid #dce4ef;border-radius:7px;background:#fff;padding:5px;cursor:pointer;min-width:0;color:#5c6c7e}.planning-concept-alternative img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.planning-concept-alternative span{display:block;font-size:10px;line-height:1.3;padding:5px 0 1px;overflow-wrap:anywhere}.planning-concept-alternative[aria-pressed=true]{border:2px solid #b94a12;padding:4px;background:#fff6ed}.planning-concept-alternative:disabled{opacity:.65;cursor:default}.planning-card-empty{padding:25px 12px;text-align:center;background:#f7f9fc;border-radius:10px;color:#7f8fa3;font-size:13px}.planning-briefs-only{font-size:12px;line-height:1.45;color:#6c5a3f;margin-top:2px;align-items:start}.planning-briefs-only input{accent-color:#b94a12;margin-top:2px}.has-planning-cards .plan-actions{position:sticky;bottom:-22px;background:#fff;padding:12px 0;margin-bottom:-12px;z-index:3;border-top:1px solid #edf0f4}.has-planning-cards .plan-actions .button{min-height:44px}.planning-cards>#add-planning-card{justify-self:start;min-height:40px}
@media(max-width:900px){.plan-review.has-planning-cards{max-height:calc(100dvh - 180px);padding:16px}.has-planning-cards .plan-review-heading{top:-16px}.has-planning-cards .plan-actions{bottom:-16px}.planning-concept-body{grid-template-columns:minmax(145px,190px) minmax(0,1fr);gap:14px;padding:14px}}
@media(max-width:650px){.plan-review.has-planning-cards{max-height:none;padding:14px;margin:10px auto}.has-planning-cards .plan-review-heading{position:static}.planning-concept-heading{padding:9px;gap:4px}.planning-concept-title{font-size:14px;padding:7px 5px}.planning-concept-tool{width:36px;height:36px;min-height:36px}.planning-concept-body{grid-template-columns:minmax(0,1fr);padding:12px}.planning-concept-visual{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:start;gap:10px}.planning-concept-status{margin:0;align-self:center}.planning-concept-alternatives{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.planning-concept-actions .button{flex:1;min-height:42px;font-size:11px;padding:8px}.has-planning-cards .planning-concept-field textarea{font-size:14px;min-height:62px;padding:10px}.has-planning-cards .plan-actions{position:sticky;bottom:0;padding-bottom:10px}.planning-card-metrics{line-height:1.5}.planning-shared-style{max-height:100px}}
@media(prefers-reduced-motion:reduce){.planning-concept-card *{scroll-behavior:auto}}
.has-planning-cards #update-plan-button{display:none!important}