:root{--green:#284d40;--ink:#293e35;--muted:#81867c;--line:#e5e7df;--cream:#f8f8f2;--light-green:#eef2e9;--accent:#b79761}*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:'DM Sans',sans-serif;font-size:13px;color:var(--ink)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9eae88;outline-offset:3px}button{color:inherit}a{color:inherit;text-decoration:none}svg{display:block}.header{height:88px;background:#fffefa;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4%;gap:60px}.brand{display:flex;align-items:center;font-family:'Playfair Display',Georgia,serif;font-size:27px;letter-spacing:-1px;white-space:nowrap}.brand-mark{background:var(--green);height:42px;width:36px;border-radius:16px 16px 7px 7px;display:grid;place-items:center;margin-right:11px}.brand-mark svg{width:25px;fill:none;stroke:#f9f5e5;stroke-width:1.3}.brand-dot{color:var(--accent)}nav{align-self:stretch;display:flex;gap:30px}.nav-item{background:none;border:0;position:relative;font-size:13px;white-space:nowrap;color:#83867b}.nav-item.active{color:var(--green);font-weight:600}.nav-item.active:after{content:'';position:absolute;bottom:0;height:3px;background:var(--green);left:0;right:0}.nav-item span{margin-left:6px}.nav-item #saved-count{background:#edf0e7;color:#6d7866;border-radius:4px;padding:1px 5px;font-size:10px}.header-right{margin-left:auto;display:flex;align-items:center;gap:24px}.season{font-size:9px;letter-spacing:1.6px;color:#7d836f;white-space:nowrap}.season>span{font-size:24px;color:#a79566;vertical-align:middle;margin-right:8px}.avatar{width:37px;height:37px;border-radius:50%;background:#eff0e7;border:1px solid #e1e4d9;display:grid;place-items:center;font-size:9px;font-weight:600;letter-spacing:1px}main{max-width:1500px;margin:auto;padding:36px 4% 0}.page-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#8e927f;margin-bottom:10px}h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:37px;letter-spacing:-1.1px;margin:0 0 8px}.page-intro p{color:#7b8175;margin:0;font-size:13px}.intro-actions{display:flex;gap:11px;padding-top:20px}.btn{border-radius:7px;padding:12px 18px;border:1px solid #d9dfd2;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:550;font-size:12px;white-space:nowrap}.btn svg{width:16px;height:16px;stroke-width:1.5}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#355f4f}.secondary{background:#fffefa}.secondary:hover{background:#f0f2e8}.arrow{margin-left:15px;font-size:17px}.studio{display:grid;grid-template-columns:329px minmax(0,1fr);border:1px solid #dfe4d8;border-radius:12px;overflow:hidden;background:white;box-shadow:0 5px 20px #2b42300a}.editor{border-right:1px solid var(--line);display:flex;flex-direction:column;background:#fffefa}.editor-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 23px 19px}.editor-heading h2{margin:0;font-size:16px;font-weight:600}.small-tag{font-size:7px;letter-spacing:1.2px;color:#909680}.tabs{display:flex;padding:0 20px;border-bottom:1px solid var(--line);gap:18px}.tabs button{padding:13px 0 16px;font-size:11px;border:0;background:none;color:#94978d;position:relative;white-space:nowrap}.tabs button span{font-size:9px;color:#a9ab9d;margin-right:3px}.tabs button.selected{color:var(--green);font-weight:600}.tabs button.selected:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green)}.panel{padding:23px;min-height:526px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-label h3,.section-label label{font-size:12px;font-weight:600;margin:0}.section-label>span{font-size:10px;color:#96998e}.motif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.motif-tile{border:1px solid #e4e6dc;background:#fffefa;border-radius:7px;height:98px;padding:8px 3px 9px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.motif-tile>svg{height:53px;width:53px;color:#8f8164}.motif-tile span{font-size:10px;color:#70776b}.motif-tile:hover{background:#f5f6ee;border-color:#a8b49a}.motif-tile.selected{background:#eff3e9;border:1.5px solid #819775}.motif-tile.selected span{color:#35573f;font-weight:600}.motif-tile.selected:after{content:'✓';background:#54704c;color:white;border-radius:50%;width:13px;height:13px;font-size:9px;position:absolute;top:6px;right:6px}.divider{height:1px;background:var(--line);margin:23px 0 20px}.shape-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.shape-options button{height:76px;border:1px solid var(--line);border-radius:6px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#7f8576}.shape-options svg{height:32px;width:30px;fill:none;stroke:#9ba58f;stroke-width:1.2}.shape-options button.selected{background:#eff3e9;border-color:#97a889;color:var(--green)}.shape-options button.selected svg{stroke:var(--green)}#size-value{color:var(--green);font-size:13px;font-weight:600}#size-value small{font-size:10px;color:#8b917f;font-weight:400}input[type=range]{width:100%;accent-color:#4a6746;height:5px;cursor:pointer;margin:8px 0 12px}.range-labels{display:flex;justify-content:space-between;color:#a0a38f;font-size:9px}.hint{display:flex;gap:11px;background:#f3f4ed;border:1px solid #eaeddf;border-radius:6px;margin-top:22px;padding:12px;color:#7c8670}.hint svg{width:18px;height:18px;margin-top:1px;color:#91a178;flex-shrink:0}.hint p{font-size:10px;line-height:1.7;margin:0}.editor-footer{border-top:1px solid var(--line);font-size:9px;color:#8b9280;display:flex;align-items:center;gap:7px;padding:16px 20px;margin-top:auto}.status-dot{height:5px;width:5px;border-radius:50%;background:#8fa879}.workspace{display:flex;flex-direction:column;min-width:0}.workspace-bar{height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px}.design-title{display:flex;align-items:center;gap:9px;font-size:11px;color:#6c7568}.design-title svg{width:15px;height:15px;color:#aaa07a}.live-tag{font-size:8px;letter-spacing:1.4px;color:#8a9481;display:flex;align-items:center;gap:6px}.live-tag i{width:5px;height:5px;background:#8da478;border-radius:50%}.canvas{position:relative;min-height:516px;flex:1;background:radial-gradient(ellipse at 52% 44%,#faf9f1 0%,#f5f5ed 55%,#edf0e7 100%);overflow:hidden;display:flex;flex-direction:column;align-items:center}.canvas.grid-on{background-image:linear-gradient(#94a48020 1px,transparent 1px),linear-gradient(90deg,#94a48020 1px,transparent 1px),radial-gradient(ellipse at center,#faf9f1,#edf0e7);background-size:20px 20px,20px 20px,100% 100%}.canvas-top{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;z-index:2}.view-toggle{padding:3px;background:#e9ece2;border:1px solid #e3e7da;border-radius:6px;display:flex}.view-toggle button{padding:7px 12px;border:0;background:none;font-size:10px;color:#8b917e;border-radius:4px}.view-toggle button.selected{background:#fffef8;box-shadow:0 1px 4px #40533012;color:#486343}.icon-button{width:30px;height:30px;background:#fafbf4;border:1px solid #e1e5d8;border-radius:5px;display:grid;place-items:center}.icon-button svg{width:14px;height:14px;color:#869277}.icon-button.active{background:#dde6d3}.bauble-stage{width:100%;height:384px;margin-top:33px;display:flex;justify-content:center;align-items:center}#bauble-preview{width:370px;height:370px;transition:transform .18s ease;transform-origin:center center}#bauble-preview>svg{width:100%;height:100%;overflow:visible}.dimension-line{display:flex;gap:12px;align-items:center;width:285px;color:#a0a48f;font-size:9px;margin-top:1px}.dimension-line i{flex:1;height:1px;background:#cbd1be;position:relative}.dimension-line i:first-child:before,.dimension-line i:last-child:after{content:'';height:6px;width:1px;background:#cbd1be;position:absolute;top:-3px}.dimension-line i:first-child:before{left:0}.dimension-line i:last-child:after{right:0}.canvas-caption{font-family:'Playfair Display',Georgia,serif;font-size:13px;font-style:italic;color:#a0a28b;margin-top:14px}.canvas-caption>span{font-style:normal;font-size:17px;color:#b4a77d;margin-right:6px}.canvas-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px 23px 17px;margin-top:auto;color:#939985;font-size:9px}.canvas-bottom>span{display:flex;align-items:center;gap:6px}.material-dot{width:6px;height:6px;background:#b59d74;border-radius:50%}.zoom-control{display:flex;align-items:center;background:#fdfdf7;border:1px solid #e3e7d9;border-radius:5px;height:28px;padding:0 3px;gap:2px}.zoom-control button{border:0;background:none;width:25px;height:24px;font-size:16px;color:#839071;display:grid;place-items:center}.zoom-control>span{min-width:34px;text-align:center;font-size:9px}.zoom-control svg{width:12px;height:12px}.zoom-control .zoom-sep{width:1px;height:12px;min-width:1px;background:#e3e7d9;margin:0 4px}.layer-plus{font-size:13px;color:#a7ae9b}.below-studio{display:flex;justify-content:space-between;align-items:center;padding:18px 2px;color:#969b88;font-size:9px}.below-studio>span:first-child{display:flex;align-items:center;gap:6px}.below-studio svg{width:12px;height:12px}.below-studio i{font-style:normal;margin:0 9px;color:#bcc1af}footer{max-width:1500px;margin:16px auto 0;border-top:1px solid #e3e7d9;padding:24px 4%;display:flex;align-items:center;gap:20px;color:#a2a790;font-size:9px}.footer-brand{font-family:'Playfair Display',Georgia,serif;font-size:16px;color:#718064}footer>span:last-child{margin-left:auto;font-size:7px;letter-spacing:1.4px}.footer-star{font-size:20px;vertical-align:middle;margin-left:10px;color:#b9ab83}.field-label{display:block;font-size:11px;font-weight:550;margin:22px 0 9px}.text-input{width:100%;background:#fff;border:1px solid #dce1d4;border-radius:5px;padding:11px;color:#405341;outline-color:#839b72}.input-help{display:flex;justify-content:space-between;font-size:9px;color:#949d88;margin-top:7px}.toggle-row{display:flex;position:relative;align-items:center;justify-content:space-between;margin:22px 0;cursor:pointer}.toggle-row strong{display:block;font-size:11px;font-weight:550}.toggle-row small{display:block;font-size:9px;color:#929b87;margin-top:5px}.toggle-row input{position:absolute;right:0;opacity:0;width:32px;height:20px}.toggle-row i{width:31px;height:18px;background:#d7ddce;border-radius:20px;position:relative}.toggle-row i:after{content:'';width:12px;height:12px;background:white;position:absolute;left:3px;top:3px;border-radius:50%;transition:left .2s}.toggle-row input:checked+i{background:#667f59}.toggle-row input:checked+i:after{left:16px}.toggle-row input:focus-visible+i{outline:3px solid #9eae88;outline-offset:3px}.panel-description{font-size:11px;line-height:1.8;color:#919783}.swatches{display:flex;gap:15px}.swatches button{padding:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:9px;color:#939a86}.swatches i{height:31px;width:31px;border-radius:50%;border:3px solid #fffefa;outline:1px solid #e3e6da}.swatches button.selected i{outline:1.5px solid #728667}.swatches button.selected{color:var(--green)}dialog{border:1px solid #dce3d4;border-radius:14px;max-width:620px;width:calc(100% - 32px);padding:30px;color:var(--ink);background:#fffefa;box-shadow:0 20px 100px #17302330}dialog::backdrop{background:#263d3655;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.modal-head h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:28px;margin:0 0 12px}.close-button{border:0;background:#eef1e8;border-radius:50%;width:28px;height:28px;font-size:20px}.modal-subtitle{color:#839078;font-size:12px;line-height:1.8;margin:0 0 24px}.export-card{display:flex;align-items:center;gap:14px;background:#f3f5ed;border:1px solid #e0e5d8;border-radius:8px;padding:16px;margin-top:10px}.export-card>svg{width:28px;height:28px;color:#758965;flex-shrink:0}.export-card strong{font-size:12px;display:block}.export-card p{font-size:10px;color:#8d977e;margin:5px 0 0}.export-card .btn{margin-left:auto;padding:9px 12px;font-size:10px}.export-note{font-size:11px;color:#7d896f;line-height:1.8;background:#fbf7e9;padding:13px 16px;border-radius:6px;margin-top:18px}.modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:15px;font-size:10px;color:#939b87}.saved-design{border:1px solid #e0e5d8;padding:13px;border-radius:8px;display:flex;gap:12px;align-items:center;margin-top:10px}.saved-design>svg{width:60px;height:60px}.saved-design strong{display:block;font-size:12px}.saved-design p{font-size:10px;color:#919c83;margin:5px 0}.saved-design .btn{margin-left:auto;padding:8px 12px}.delete-design{background:none;border:0;color:#9c7a6b;font-size:18px}.empty-gallery{padding:30px;text-align:center;background:#f4f5ee;border-radius:8px;color:#8c977d;line-height:1.8}.guide-step{display:flex;gap:15px;margin:20px 0}.guide-step>span{width:28px;height:28px;display:grid;place-items:center;background:#edf1e4;border-radius:50%;font-size:11px;flex-shrink:0}.guide-step h3{font-size:13px;margin:3px 0 7px}.guide-step p{font-size:11px;line-height:1.8;color:#8a957f;margin:0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--green);color:white;padding:13px 23px;border-radius:7px;font-size:12px;box-shadow:0 5px 20px #1e3b3120;transition:.2s;z-index:5}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(min-width:1450px){.canvas{min-height:555px}.bauble-stage{height:423px}#bauble-preview{width:410px;height:410px}.panel{min-height:565px}.motif-tile{height:110px}}@media(max-width:1200px){.header{gap:35px}.season{display:none}.canvas{min-height:516px}.header-right{gap:0}}@media(max-width:900px){.header{height:76px;padding:0 3%;gap:20px}nav{gap:17px}.brand{font-size:23px}.header-right{display:none}main{padding:28px 3% 0}.studio{grid-template-columns:295px minmax(0,1fr)}.editor-heading,.panel{padding-left:18px;padding-right:18px}.tabs{padding:0 18px;gap:13px}.canvas-top{left:15px;right:15px}#bauble-preview{width:310px;height:310px}.live-tag{display:none}.workspace-bar{padding:0 17px}.page-intro h1{font-size:32px}.btn{padding:11px 13px}.arrow{display:none}.below-studio>span:last-child{display:none}}@media(max-width:670px){.header{height:67px;justify-content:space-between}.brand{font-size:22px}.brand-mark{width:29px;height:35px;margin-right:8px}.brand-mark svg{width:22px}.nav-item{font-size:10px}.nav-item#designer-nav{display:none}nav{gap:17px}.page-intro{align-items:flex-start;gap:18px;flex-direction:column;margin-bottom:22px}.page-intro h1{font-size:34px}.intro-actions{padding-top:0;width:100%}.intro-actions .btn{flex:1}.studio{display:flex;flex-direction:column}.workspace{order:0}.editor{order:1;border-right:0;border-top:1px solid var(--line)}.workspace-bar{height:47px}.canvas{min-height:435px}.bauble-stage{height:300px;margin-top:43px}#bauble-preview{width:310px;height:310px}.canvas-top{top:14px}.dimension-line{width:220px}.canvas-caption{margin-top:11px}.canvas-bottom{padding:16px}.panel{min-height:0}.editor-heading{padding:18px 22px}.tabs{gap:30px;padding:0 22px}.tabs button{font-size:12px}.motif-tile{height:105px}.motif-grid{gap:11px}.shape-options button{height:76px}.below-studio{justify-content:center;padding:20px}footer{margin-top:0;padding:19px 4%;gap:13px}footer>span:last-child{display:none}.modal-head h2{font-size:25px}dialog{padding:22px}.export-card{padding:12px;gap:10px}.export-card>svg{width:22px}.export-card strong{font-size:11px}.export-card .btn{padding:8px}.modal-footer{align-items:flex-start}.saved-design{gap:8px}.saved-design>svg{width:45px}}
.toggle-row i{pointer-events:none}.toggle-row input{z-index:1}
.nav-item span svg{display:inline-block;vertical-align:middle}
/* Scene editor */
.studio{grid-template-columns:355px minmax(0,1fr)}.panel{max-height:720px;overflow:auto;min-height:650px;scrollbar-width:thin;scrollbar-color:#d3dcc8 transparent}.tabs{gap:25px}.tabs button{font-size:12px}.editor-heading{padding-top:23px}.small-tag{font-size:7px;letter-spacing:.8px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.template-card{padding:8px 3px 10px;border:1px solid #e2e6d9;background:#fafaf3;border-radius:8px;text-align:center;position:relative}.template-card.selected{border-color:#7b9270;background:#eff3e8}.template-card svg{width:100%;height:99px;overflow:visible}.template-card strong{font-size:9px;display:block;font-weight:550}.template-card span{font-size:8px;color:#929b81;display:block;margin-top:3px}.template-card:hover{border-color:#8ca17c}.layer-switch{display:flex;border:1px solid #dee5d6;background:#f0f3e9;border-radius:6px;padding:3px;margin-top:10px}.layer-switch button{flex:1;border:0;background:transparent;border-radius:4px;font-size:10px;padding:9px 4px;color:#8c947e}.layer-switch button.selected{background:#fffefa;box-shadow:0 1px 3px #31452e0e;color:#385838;font-weight:600}.mini-help{font-size:9px;color:#909a82;line-height:1.7;margin:9px 0 14px}.art-library{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.art-tile{padding:7px 2px;border:1px solid #e4e8db;background:#fffefa;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}.art-tile:hover{background:#eef3e6;border-color:#93a882}.art-tile svg{width:52px;height:55px;overflow:visible}.art-tile span{font-size:8px;color:#78856b;white-space:nowrap}.art-tile:after{content:'+';position:absolute;top:4px;right:5px;font-size:10px;color:#99a18e}.library-filters{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;margin:12px 0}.library-filters button{border:0;background:none;padding:4px 0;color:#8d9780;font-size:9px;white-space:nowrap}.library-filters button.selected{color:#3c623b;font-weight:600;border-bottom:1px solid #68815a}.setup-details{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.setup-details summary{list-style:none;cursor:pointer;font-size:11px;color:#637855;display:flex;justify-content:space-between;align-items:center}.setup-details summary::-webkit-details-marker{display:none}.setup-details summary span{font-size:17px}.setup-details[open] summary{margin-bottom:20px}.field-label output{float:right;font-weight:400;color:#839476;font-size:10px}.number-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.number-grid label{font-size:10px;color:#87957a}.number-grid .text-input{margin-top:7px;padding:8px}.color-field{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:20px}.color-field input[type=color]{width:35px;height:27px;padding:2px;border:1px solid #d9e0d0;border-radius:4px;background:transparent;cursor:pointer}.object-list{display:flex;flex-direction:column;gap:5px;margin:13px 0;max-height:190px;overflow:auto;scrollbar-width:thin}.object-row{display:flex;align-items:center;gap:7px;border:1px solid #e8ebdf;border-radius:5px;background:#fffefa;padding:5px 8px;min-height:40px}.object-row.selected{background:#eef3e8;border-color:#a6b898}.object-row button{border:0;background:none;text-align:left;padding:0;display:flex;align-items:center;gap:8px;flex:1;font-size:10px}.object-row svg{width:27px;height:30px;flex-shrink:0}.object-row .visibility-button{flex:0 0 20px;color:#8b9b7e;font-size:15px;justify-content:center}.object-row.hidden-object{opacity:.5}.properties-heading{display:flex;justify-content:space-between;align-items:center;margin-top:17px;padding-top:16px;border-top:1px solid var(--line)}.properties-heading h3{margin:0;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:18px}.object-layer-tag{font-size:8px;background:#edf2e5;border:1px solid #e0e7d5;padding:4px 7px;color:#7d8e6e;border-radius:4px}.property-help{color:#97a088;font-size:9px;line-height:1.6;margin:9px 0 14px}.position-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.position-grid label{font-size:9px;color:#8e9b80}.input-unit{display:flex;align-items:center;border:1px solid #dce3d2;border-radius:5px;background:white;margin-top:6px}.input-unit input{border:0;background:none;width:100%;min-width:0;padding:8px;color:#435b3b;outline:none}.input-unit:focus-within{outline:2px solid #b2c4a0}.input-unit span{font-size:9px;color:#a6ae9a;margin-right:8px}.object-slider-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#6f825f;margin:15px 0 4px}.object-slider-label output{font-size:10px;color:#879778}.property-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:17px 0}.property-actions button{background:#f5f6ee;border:1px solid #e0e6d6;border-radius:5px;font-size:9px;padding:8px 2px;color:#7e906d}.property-actions button:hover{background:#eaf0e0}.property-actions button:disabled{opacity:.4;cursor:default}.object-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.object-colors label{font-size:9px;color:#8a987e}.object-colors input{width:100%;height:29px;padding:2px;margin-top:6px;border:1px solid #dbe2d2;border-radius:4px;background:transparent;cursor:pointer}.paint-help{font-size:9px;color:#9a826c;line-height:1.6;margin:9px 0}.object-bottom-actions{display:flex;gap:7px;margin-top:16px}.object-bottom-actions button{flex:1;padding:9px;font-size:10px}.danger{color:#a27561}.text-button{border:0;background:none;color:#708966;font-size:10px;padding:0}.history-controls,.canvas-tools{display:flex;gap:6px}.icon-button:disabled{opacity:.35;cursor:default}.canvas{min-height:660px}.canvas-top{top:18px}.finish-toggle{position:absolute;top:68px;left:50%;transform:translateX(-50%);display:flex;border-bottom:1px solid #dbe1d1;z-index:2;white-space:nowrap}.finish-toggle button{border:0;background:none;font-size:10px;padding:8px 13px;color:#9aa18c}.finish-toggle button.selected{color:#4e6c42;border-bottom:2px solid #7d9670}.bauble-stage{height:470px;margin-top:76px;touch-action:none}#bauble-preview{width:490px;height:490px}.canvas-caption{font-family:'DM Sans',sans-serif;font-size:10px;font-style:normal;margin-top:15px;color:#89977a}.canvas-caption svg{display:inline-block;width:11px;height:11px;vertical-align:middle;margin-right:4px}.canvas-caption strong{font-weight:500}.dimension-line{width:310px;margin-top:0}.selection-strip{border-top:1px solid #e2e7d8;padding:12px 23px;background:#f8faf3;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;color:#8f9b81;font-size:10px}.selection-strip strong{font-weight:550;color:#5c7850}.selection-strip>span{display:flex;align-items:center;gap:7px}.selection-strip .btn{font-size:9px;padding:5px 10px}.selection-strip svg{width:14px;height:14px}.empty-objects{padding:18px 10px;text-align:center;color:#96a287;font-size:10px;line-height:1.8}.stage-object{cursor:grab;outline:none}.stage-object:active{cursor:grabbing}.stage-object:focus-visible>.hit-shape{stroke:#577f46;stroke-width:1;stroke-dasharray:2 1}.selection-box{pointer-events:none;stroke:#5c834c;stroke-width:.4;stroke-dasharray:1.5 1;fill:none}.selection-handle{fill:#fffefa;stroke:#5c834c;stroke-width:.45;pointer-events:none}.layer-label{font-size:4px;letter-spacing:.5px;fill:#78896a;font-family:'DM Sans',sans-serif}.canvas.cut-mode .stage-object{pointer-events:none}.shortcut-hint{font-size:9px;color:#9ca68f}.import-error{color:#a7745c}.export-card p{line-height:1.5}.export-card strong{font-size:12px}.export-note ul{padding-left:16px;margin:8px 0 0}.reference-tag{font-size:9px;border:1px solid #dce5d0;background:#f2f5eb;color:#788e68;border-radius:5px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;margin-top:15px}.reference-tag svg{height:12px;width:12px}@media(min-width:1450px){.panel{max-height:755px;min-height:680px}.canvas{min-height:695px}.bauble-stage{height:505px}#bauble-preview{width:520px;height:520px}}@media(max-width:1050px){.studio{grid-template-columns:330px minmax(0,1fr)}.panel{padding:20px;max-height:720px}#bauble-preview{width:420px;height:420px}.bauble-stage{height:450px}.canvas{min-height:640px}.view-toggle button{padding:7px 9px}.art-tile svg{width:48px}.tabs{gap:20px}}@media(max-width:800px){.studio{grid-template-columns:300px minmax(0,1fr)}.panel{padding:17px}.tabs{gap:15px;padding:0 17px}.tabs button{font-size:11px}.template-card svg{height:85px}.template-card strong{font-size:8px}.template-card span{font-size:7px}.art-library{grid-template-columns:repeat(3,1fr)}#bauble-preview{width:360px;height:360px}.bauble-stage{height:430px}.canvas-top{left:12px;right:12px}.view-toggle button{padding:7px;font-size:9px}.canvas-tools{gap:4px}.icon-button{width:26px;height:28px}.workspace-bar{padding:0 14px}.dimension-line{width:250px}.selection-strip{padding:11px 13px;font-size:9px}.selection-strip .shortcut-hint{display:none}.design-title{font-size:10px}}@media(max-width:670px){.studio{display:flex}.editor{width:100%}.editor-heading{padding:20px 22px}.panel{max-height:none;min-height:0;padding:22px}.tabs{padding:0 22px;gap:30px}.tabs button{font-size:12px}.template-card svg{height:105px}.template-card strong{font-size:10px}.template-card span{font-size:8px}.art-library{grid-template-columns:repeat(4,1fr)}.art-tile svg{height:65px;width:58px}.art-tile span{font-size:8px}.canvas{min-height:500px}.bauble-stage{height:335px;margin-top:88px}#bauble-preview{width:365px;height:365px}.canvas-caption{margin-top:11px}.finish-toggle{top:59px}.finish-toggle button{font-size:9px}.canvas-top{top:13px;left:13px;right:13px}.view-toggle button{padding:7px 9px}.dimension-line{width:235px}.canvas-bottom{padding:14px}.selection-strip{padding:10px 15px}.workspace-bar{height:49px}.history-controls .icon-button{width:25px;height:25px}.object-list{max-height:235px}.object-row{min-height:45px}.object-row button{font-size:11px}.art-library{gap:8px}.studio{overflow:hidden}.page-intro p{font-size:12px}.btn{padding:11px 12px}.canvas-tools .icon-button{width:25px}.object-colors input{height:36px}.library-filters{gap:13px}.setup-details summary{font-size:12px}.selection-strip .btn{font-size:8px;padding:5px 7px}.canvas.cut-mode .finish-toggle{opacity:.35}}
.selection-handle{pointer-events:auto;cursor:nwse-resize}
/* Expanded catalogue and lettering samples */
.catalogue-search{display:flex;align-items:center;gap:8px;border:1px solid #dce4d2;border-radius:6px;background:white;padding:9px 10px;margin-top:14px}.catalogue-search svg{width:14px;height:14px;flex-shrink:0;color:#91a17f}.catalogue-search input{width:100%;min-width:0;border:0;outline:0;background:none;font-size:10px;color:#4b6541}.catalogue-search:focus-within{outline:2px solid #b2c4a0}.catalogue-search input::placeholder{color:#a0a992}.catalogue-result-label{font-size:8px;color:#939e83;line-height:1.7;margin-bottom:10px}.catalogue-more-button{width:100%;border:1px solid #dce4d1;background:#f4f7ee;border-radius:6px;color:#68835a;font-size:10px;padding:10px;margin-top:10px;display:flex;align-items:center;justify-content:space-between}.catalogue-more-button:hover{background:#eaf1e1}.catalogue-more-button span{font-size:16px}.art-tile span{white-space:normal;text-align:center;line-height:1.3;min-height:11px}.template-card{padding-bottom:10px}.template-card:nth-child(n+4){margin-top:2px}.field-note{float:right;font-size:9px;font-weight:400;color:#929f82}.font-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.font-card{border:1px solid #e0e6d8;border-radius:6px;background:#fffefa;padding:8px 7px 9px;text-align:left;color:#65503b}.font-card:hover{border-color:#a0b38e;background:#f7f9f1}.font-card.selected{background:#edf3e6;border-color:#7b9770;box-shadow:0 0 0 .5px #7b9770}.font-card svg{width:100%;height:38px}.font-card strong{font-size:9px;font-weight:550;display:block;color:#637956;margin-top:6px}.font-card span{font-size:8px;color:#97a285;display:block;margin-top:4px}.font-card .font-loading{height:38px;display:grid;place-items:center;font-size:9px}.font-card.selected strong{color:#3d6236}.font-grid+.mini-help{margin-top:12px}.library-filters{gap:12px}.scene-catalogue-info{font-size:9px;color:#879878;line-height:1.7}@media(max-width:800px){.font-card strong{font-size:8px}.catalogue-search input{font-size:9px}.template-card svg{height:75px}.template-card strong{font-size:8px}.template-card span{font-size:7px}}@media(max-width:670px){.font-card strong{font-size:10px}.font-card svg{height:44px}.font-card span{font-size:9px}.catalogue-search{padding:12px}.catalogue-search input{font-size:11px}.catalogue-result-label{font-size:9px}.catalogue-more-button{font-size:11px;padding:12px}.template-card svg{height:92px}.template-card strong{font-size:9px}.template-card span{font-size:8px}.font-grid{gap:10px}}
.art-tile .catalogue-badge{position:absolute;top:4px;left:5px;font-size:5px;letter-spacing:.7px;font-weight:650;color:#8ca175;min-height:0}
/* A quiet name area and independent engraved finishes. */
.design-title-button{background:none;border:0;cursor:pointer;text-align:left;min-width:0;gap:9px;font:inherit;color:inherit;padding:0}.design-title-button:hover{color:var(--green)}.design-title-button #preview-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.decor-selectors{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 22px}.decor-selectors label{font-size:12px;color:#67705f;display:grid;grid-template-columns:1fr 30px;align-items:center}.decor-selectors select{grid-column:1/-1;margin-top:7px;font-size:12px}.decor-selectors svg{width:30px;height:30px}.edge-pattern-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0}.edge-card{padding:8px 3px;background:#fff;border:1px solid #e0e3d9;border-radius:7px;cursor:pointer;color:#67705f;font:11px 'DM Sans',sans-serif}.edge-card svg{display:block;width:40px;height:40px;margin:0 auto 5px}.edge-card.selected{border-color:#718663;background:#f4f6ee;color:#2d503f}#edge-density-row{display:block}#edge-density-row[hidden]{display:none}#edge-density-row select{display:block;margin-top:9px;font-size:12px}.code-design-summary{display:flex;align-items:center;gap:14px;background:#f6f7f0;padding:8px 20px;border-radius:10px;margin:18px 0}.code-design-summary>svg{width:110px;height:110px;flex-shrink:0}.code-design-summary strong{font-size:16px}.code-design-summary p{font-size:12px;color:#7c8373}.code-primary{width:100%;justify-content:center;margin-top:12px}.code-help{font-size:12px;line-height:1.7;color:#7b8174;margin:14px 0}.code-status{color:#945b39;font-size:13px;line-height:1.6;min-height:1em}.design-code{font:600 clamp(18px,4vw,30px) ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;text-align:center;border:1px dashed #87977a;border-radius:10px;background:#f4f6ee;padding:23px 8px;margin:24px 0 18px;user-select:all;color:#294b3e}.code-actions{display:flex;gap:12px;justify-content:center}.code-input{text-transform:uppercase;font-family:ui-monospace,monospace;letter-spacing:1px}.intro-actions{gap:8px}.intro-actions .btn{padding-left:17px;padding-right:17px}
@media(max-width:1100px){.page-intro{gap:20px}.intro-actions{flex-wrap:wrap;justify-content:flex-end}.intro-actions .arrow{display:none}}
@media(max-width:650px){.intro-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.intro-actions #export-button{grid-column:1/-1}.intro-actions .btn{font-size:13px;padding:14px 8px;justify-content:center}.workspace-bar{gap:8px}.design-title-button{max-width:calc(100% - 88px);font-size:12px}.code-design-summary{padding:8px 10px}.code-actions .btn{font-size:12px;padding:12px}.modal-footer{flex-wrap:wrap;gap:10px}}
/* An engraving-first editor with direct touch controls. */
.base-style-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:#fafbf5;border-bottom:1px solid var(--line)}.base-style-bar>span{font-size:11px;color:#76816d}#base-style-options{display:flex;gap:6px;flex-wrap:wrap}#base-style-options button{display:flex;align-items:center;gap:6px;background:#fffefa;border:1px solid #dce3d2;border-radius:6px;padding:6px 11px;font-size:11px;color:#6c7e60}#base-style-options button.selected{background:#eaf0e3;border-color:#829775;color:#365a36}.canvas{min-height:600px}.bauble-stage{margin-top:42px;height:455px;touch-action:auto}#bauble-preview{touch-action:none;user-select:none;-webkit-user-select:none}.selection-box{stroke-width:1;stroke-dasharray:4 3}.transform-handle{cursor:pointer;touch-action:none;outline:none}.transform-handle[data-transform=resize]{cursor:nwse-resize}.transform-handle:focus-visible .handle-disc{stroke:#b08d4e;stroke-width:3}.handle-connector{pointer-events:none}.canvas-object-tools{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 8px 0;min-height:54px}.canvas-object-tools[hidden]{display:none}.canvas-object-tools>div{display:flex;align-items:center;background:#fffefa;border:1px solid #dfe6d4;border-radius:7px;padding:0 3px;box-shadow:0 2px 5px #25462008}.canvas-object-tools button{background:none;border:0;min-width:42px;min-height:42px;font-size:20px;padding:9px;color:#496e43;display:grid;place-items:center}.canvas-object-tools button svg{height:19px;width:19px}.canvas-object-tools span{font-size:10px;color:#78896a}.canvas-object-tools .done-edit{font-size:11px;border:1px solid #d8e2ce;background:#f6f9f0;border-radius:7px;min-width:52px}.advanced-object,.advanced-lettering{border:1px solid #e0e6d7;border-radius:7px;margin-top:19px;padding:12px}.advanced-object summary,.advanced-lettering summary{list-style:none;cursor:pointer;font-size:11px;color:#708360;display:flex;align-items:center;justify-content:space-between;min-height:22px}.advanced-object summary::-webkit-details-marker,.advanced-lettering summary::-webkit-details-marker{display:none}.advanced-object summary span,.advanced-lettering summary span{font-size:17px}.advanced-object[open] summary,.advanced-lettering[open] summary{margin-bottom:12px}.simple-object-actions{grid-template-columns:1fr 1fr;margin-bottom:8px}.simple-object-actions button{font-size:11px;min-height:38px}.object-bottom-actions .btn{font-size:11px;min-height:40px}.property-help{font-size:11px;color:#859375}.template-grid{grid-template-columns:repeat(3,1fr)}.template-card svg{height:105px}.template-card strong{font-size:10px}.template-card span{font-size:9px}.canvas-caption{font-size:11px;padding:0 15px;line-height:1.6}.stage-object{touch-action:none}.art-tile svg{background:#f7efde;border-radius:7px}.object-row svg{background:#f7efde;border-radius:4px}
@media(min-width:1450px){.bauble-stage{height:480px}.canvas{min-height:635px}}
@media(max-width:1050px){.base-style-bar{padding:11px 16px;flex-wrap:wrap}.bauble-stage{height:430px}.canvas{min-height:575px}}
@media(max-width:800px){.bauble-stage{height:380px}.canvas{min-height:535px}.base-style-bar{gap:6px}#base-style-options button{padding:5px 7px;font-size:10px}}
@media(max-width:670px){.base-style-bar{padding:11px 17px;flex-wrap:nowrap;gap:8px}.base-style-bar>span{font-size:10px;max-width:63px;line-height:1.5}#base-style-options{gap:4px}#base-style-options button{padding:6px;gap:2px;font-size:10px}#base-style-options svg{width:24px}.bauble-stage{margin-top:49px;height:330px}.canvas{min-height:445px}.canvas-object-tools button{min-width:44px;min-height:44px}.canvas-object-tools{padding-top:12px;gap:7px}.template-card svg{height:100px}.template-card strong{font-size:10px}.template-card span{font-size:8px}.advanced-object summary,.advanced-lettering summary{font-size:12px}.simple-object-actions button{min-height:44px}.object-bottom-actions .btn{min-height:44px}.canvas-caption{font-size:10px}.panel input,.panel select{font-size:16px}}
@media(max-width:375px){#bauble-preview{width:330px;height:330px}.bauble-stage{height:310px}.base-style-bar{padding:10px 12px}#base-style-options button{font-size:9px;padding:6px 4px}#base-style-options svg{width:21px}.canvas-object-tools>div{padding:0}.canvas-object-tools button{min-width:42px}.canvas-object-tools span{font-size:9px}}.message-input{resize:vertical;min-height:86px;line-height:1.6;display:block;width:100%;font:inherit}.font-card svg.multi-font-sample{height:62px}.transform-handle[data-transform=delete]{cursor:pointer}.object-row .delete-object-row{flex:0 0 27px;justify-content:center;font-size:21px;color:#a06a55;min-height:32px;border-left:1px solid #e7e8dd;margin-left:2px}.intro-actions #create-new-button svg{height:17px;width:17px}
@media(max-width:650px){.intro-actions #export-button{grid-column:auto}.intro-actions .btn{min-height:44px}.message-input{font-size:16px}.object-row .delete-object-row{min-width:40px;min-height:40px}}
/* Layer choices stay beside the preview, including on a phone. */
.shape-options{grid-template-columns:repeat(2,1fr)}.quick-layer-bar{padding:15px 22px;background:#fffefa;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:10px 22px}.quick-layer-bar strong{font-size:11px;font-weight:550}.quick-layer-bar .layer-switch{margin-top:7px;max-width:330px}.quick-layer-bar .layer-switch button{min-height:40px}.middle-toggle{margin:0;gap:18px}.quick-layer-bar p{margin:0;color:#88947c;font-size:10px;grid-column:1/-1}.quick-layer-bar>.text-button{text-align:left;justify-self:start;grid-column:1/-1;padding:7px 0}.canvas-text-tools{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;flex-wrap:wrap}.canvas-text-tools>span{width:100%;text-align:center;font-size:10px;color:#819071}.canvas-text-tools button{padding:11px 16px;min-height:44px;border:1px solid #dce4d3;border-radius:7px;background:#fffefa}.canvas-text-tools button:disabled{opacity:.4;cursor:default}.lettering-object{cursor:pointer;outline:none}.lettering-object:focus-visible{filter:drop-shadow(0 0 1px #446238)}.object-layer-select{display:flex;align-items:center;gap:6px;font-size:10px}.object-layer-select select{min-width:0;width:100%;padding:9px 4px;border:1px solid #dce4d3;border-radius:5px;background:#fffefa;color:var(--green)}#layer-summary-details{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.view-toggle{flex-wrap:wrap}.canvas-top{gap:7px}.toggle-row input{height:44px;width:44px;top:0}
@media(max-width:670px){.quick-layer-bar{padding:13px 16px;gap:10px 12px}.quick-layer-bar .layer-switch button{font-size:11px;min-height:44px}.middle-toggle{gap:12px}.middle-toggle strong{font-size:10px}.middle-toggle small{font-size:8px}.view-toggle button{padding:8px 7px;font-size:9px}.canvas-top{left:9px;right:9px}.canvas-tools{gap:2px}#layer-summary-details{justify-content:center;gap:8px}.layer-plus{font-size:12px}.quick-layer-bar>.text-button{min-height:40px}.art-tile span{white-space:normal;text-align:center}.canvas{min-height:485px}}

.backing-toggle{grid-column:1/-1;margin:0 0 3px;padding:0 0 12px;border-bottom:1px solid var(--line);min-height:44px}.backing-toggle input{height:44px;top:-4px}#backing-status{grid-column:1/-1;padding:8px 10px;border-radius:5px;background:#eef3e7;font-size:10px;line-height:1.6}#see-through-background-help{margin:0 0 18px}#restore-backing{margin-top:8px;min-height:40px;font-size:11px}.middle-toggle{min-height:44px}

.fixed-material{margin:18px 0 8px;padding:10px 12px;border-radius:5px;background:#f5f3eb;color:#829078;font-size:11px}.input-help .over-limit{color:#a07056}#message-limit-note{color:#98765e}

.view-toggle button{min-height:44px}.canvas-top{align-items:center}

.layer-options{background:#fffefa;border-bottom:1px solid var(--line)}.layer-options>summary,.lettering-decorations>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:14px 22px;min-height:44px;font-size:12px}.layer-options>summary::-webkit-details-marker,.lettering-decorations>summary::-webkit-details-marker{display:none}.layer-options[open]>summary span,.lettering-decorations[open]>summary span{transform:rotate(45deg)}.layer-options .quick-layer-bar{border-bottom:0;padding-top:2px}.lettering-decorations{margin-top:18px;border-top:1px solid var(--line)}.lettering-decorations>summary{padding:14px 0}.lettering-position-button{display:block;margin:14px 0;min-height:44px}.font-heading{margin:24px 0 10px}.input-help{flex-wrap:wrap;gap:8px}.input-help #add-name-line{margin-left:auto;min-height:36px}.selection-strip[hidden]{display:none}.font-card strong{font-size:11px}.font-card{min-height:90px}.font-card.selected{border-color:#6b8360}.quick-layer-bar{grid-template-columns:1fr 1fr}.backing-toggle{grid-column:auto}details summary:focus-visible{outline:3px solid #9eae88;outline-offset:3px}@media(max-width:670px){.layer-options>summary{padding:12px 17px}.quick-layer-bar strong,.middle-toggle strong{font-size:11px}.quick-layer-bar small{font-size:9px}.font-card{min-height:95px}}

.lettering-position-button:disabled{opacity:.4;cursor:default}

.new-background-grid{gap:10px;margin:16px 0 4px}.new-background-grid .template-card{padding:9px 5px 12px;min-height:150px}.new-background-grid .template-card svg{height:110px}.new-background-grid .template-card strong{font-size:12px}.new-background-grid .template-card span{font-size:10px;line-height:1.4}@media(max-width:650px){.new-background-grid{gap:7px}.new-background-grid .template-card{min-height:132px;padding:5px 3px 10px}.new-background-grid .template-card svg{height:86px}.new-background-grid .template-card strong{font-size:10px}.new-background-grid .template-card span{font-size:9px}}
/* Clearly visible production choices, on every screen. */
.layer-options{padding:10px 20px;background:#f7f9f2}.layer-options h3{font-size:12px;margin:0 0 8px}.layer-options .quick-layer-bar{padding:0;gap:8px;background:none}.quick-layer-bar .toggle-row{margin:0;padding:10px 12px;border:1px solid #dce4d2;border-radius:8px;background:#fffefa;gap:12px}.quick-layer-bar .toggle-row input{right:8px;top:4px}.quick-layer-bar strong{color:#36583e;font-size:12px}.quick-layer-bar small{font-size:10px}.quick-layer-bar .toggle-row:has(input:checked){background:#edf3e6;border-color:#8fa982}.layer-options #backing-status{font-size:10px}.settings-dialog .setup-details,.settings-dialog .advanced-lettering,.settings-dialog .advanced-object{margin:0;padding:0;border:0}.settings-dialog details>summary{display:none}.settings-dialog .field-label:first-child{margin-top:8px}.editor-heading #shape-settings{padding:8px 10px;font-size:10px;min-height:36px}.desktop-only{display:none}#add-more{font-size:12px;min-height:44px;padding:10px 15px}.page-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0 0}.page-controls button{min-height:36px;border:1px solid #d9e2d0;background:#f3f6ee;border-radius:6px;padding:7px 12px;font-size:11px}.page-controls button:disabled{opacity:.4;cursor:default}.page-controls span{font-size:10px;color:#7a8871}.settings-dialog{max-width:520px}
@media(min-width:1000px){
 body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.header{height:54px;flex:none;padding:0 20px;gap:32px}.brand{font-size:23px}.brand-mark{width:28px;height:34px}.brand-mark svg{width:22px}.header nav{gap:24px}.header .season{display:none}.avatar{width:30px;height:30px}main{width:100%;max-width:none;padding:10px 16px 14px;flex:1;min-height:0;display:flex;flex-direction:column}.page-intro{flex:none;height:57px;margin:0 0 10px}.page-intro .eyebrow,.page-intro p{display:none}.page-intro h1{font-size:27px;margin:0}.intro-actions{padding:0;gap:8px}.intro-actions .btn{min-height:40px;padding:9px 13px;font-size:11px}.below-studio,body>footer{display:none}.studio{grid-template-columns:clamp(370px,36vw,620px) minmax(0,1fr);flex:1;min-height:0;width:100%}.editor,.workspace{min-height:0}.editor-heading{padding:12px 16px;flex:none;min-height:52px}.editor-heading h2{font-size:16px}.tabs{padding:0 16px;gap:26px;flex:none;height:42px}.tabs button{padding:8px 0;font-size:12px}.editor-footer{padding:9px 16px;flex:none}.panel{padding:14px 16px;flex:1;min-height:0;max-height:none;overflow:hidden}.panel[hidden]{display:none}.desktop-only{display:flex}.panel .section-label{margin-bottom:8px}#design-panel{display:flex;flex-direction:column}#design-panel>#background-options,#design-panel>#background-divider,#design-panel>.hint{display:none}#change-background{min-height:36px;font-size:11px;margin-bottom:8px}#catalogue-section-label{flex:none}#add-layer-switch{margin:0;flex:none}.layer-switch button{font-size:12px;padding:8px;min-height:36px}#add-layer-help{margin:5px 0;font-size:10px;flex:none}.catalogue-search{margin:4px 0 0;padding:9px;flex:none}.catalogue-search input{font-size:12px}.library-filters{margin:7px 0;gap:16px;overflow:visible;flex:none}.library-filters button{font-size:11px}.catalogue-result-label{font-size:10px;margin-bottom:7px;flex:none}.art-library{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:9px;flex:1;min-height:0}.art-tile{min-height:0;min-width:0;padding:6px;gap:4px;overflow:hidden}.art-tile svg{height:calc(100% - 24px);width:100%;max-width:145px;min-height:0}.art-tile>span:last-child{font-size:11px;flex:none;min-height:16px}.art-tile .catalogue-badge{font-size:7px}#catalogue-more{flex:none}.page-controls{padding-top:9px}.workspace-bar{height:44px;min-height:44px;padding:0 16px}.base-style-bar{padding:7px 16px;min-height:45px}.layer-options{padding:7px 16px;flex:none;display:flex;align-items:center;gap:14px}.layer-options h3{margin:0}.layer-options .quick-layer-bar{flex:1;grid-template-columns:1fr 1fr;gap:8px}.quick-layer-bar .toggle-row{padding:7px 10px}.quick-layer-bar strong{font-size:11px}.quick-layer-bar small{font-size:9px;margin-top:3px}.layer-options #backing-status{display:none}.canvas{flex:1;min-height:0}.canvas-top{position:relative;inset:auto;flex:none;align-self:stretch;padding:8px 14px;gap:8px}.view-toggle button{font-size:11px;padding:8px 10px;min-height:32px}.view-toggle{flex-wrap:nowrap}.canvas-tools{align-items:center}.bauble-stage{height:auto;flex:1;min-height:0;margin:0}.dimension-line{width:220px;flex:none;font-size:10px;margin:0}.canvas-caption{flex:none;font-size:10px;margin:5px 0;line-height:1.5}.canvas-bottom{padding:7px 16px;min-height:38px;margin:0;flex:none}.canvas-object-tools,.canvas-text-tools{flex:none;min-height:40px;padding:0 8px 4px;gap:8px}.canvas-object-tools button{min-height:36px;min-width:36px;padding:6px}.canvas-text-tools>span{width:auto}.canvas-text-tools button{min-height:36px;padding:7px 12px}.selection-strip{padding:6px 16px;min-height:34px;flex:none}.selection-strip .btn{min-height:28px;font-size:10px}.object-list{max-height:none;overflow:hidden;margin:10px 0 0;gap:6px}.object-row{min-height:44px}.object-row button{font-size:12px}.object-row svg{width:32px;height:32px}.object-row .visibility-button,.object-row .delete-object-row{min-width:30px}.properties-heading{padding-top:12px;margin-top:12px}.properties-heading h3{font-size:17px}.object-layer-tag{font-size:8px}.property-help{font-size:11px;margin:9px 0}.property-actions{margin:10px 0}.simple-object-actions button{min-height:38px}.object-bottom-actions{margin-top:10px}#position-settings{width:100%;margin-top:10px;min-height:38px}.lettering-tabs{gap:8px;margin-bottom:10px}.lettering-tabs button{flex:1;min-height:36px;border:1px solid #dce3d4;border-radius:6px;background:#f4f6ee;font-size:12px}.lettering-tabs button.selected{color:#284d40;background:#edf3e6;border-color:#8fa581}.lettering-mode-decorations .lettering-message{display:none}#personalise-panel:not(.lettering-mode-decorations) .lettering-decorations{display:none}.lettering-decorations{margin:0;border:0}.lettering-decorations>summary{display:none}.lettering-message>.field-label{margin:11px 0 7px}.lettering-message>.field-label:first-child{margin-top:0}.message-input{min-height:65px;height:65px;resize:none;padding:8px 10px}.input-help{font-size:9px;gap:4px}.input-help #add-name-line{min-height:24px}.font-heading{margin:12px 0 5px}.font-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:4px}.font-card{min-height:61px;padding:5px}.font-card svg,.font-card svg.multi-font-sample{height:31px}.font-card strong{font-size:10px;margin-top:4px}.font-card .font-loading{height:31px}#year{padding:8px 10px;min-height:34px}.lettering-position-button{min-height:30px;margin:10px 0 4px}#lettering-size-settings{min-height:28px;font-size:11px}.decor-selectors{margin:8px 0 14px}.lettering-decorations .mini-help{margin:6px 0}.lettering-decorations .divider{margin:12px 0}.edge-pattern-grid{margin:10px 0}.edge-card svg{width:38px;height:38px}.edge-card{font-size:11px}.lettering-decorations #edge-density-row{margin-top:8px}dialog{max-height:calc(100dvh - 24px);padding:22px}.modal-head h2{font-size:26px}.modal-subtitle{margin-bottom:14px;font-size:11px}.new-background-grid{grid-template-columns:repeat(3,1fr);gap:8px}.new-background-grid .template-card svg{height:88px}.new-background-grid .template-card span{font-size:9px}.modal-footer{margin-top:14px}.export-card{padding:10px;margin-top:7px}.export-note{margin-top:10px;padding:10px;font-size:10px}.guide-step{margin:12px 0}.guide-step p{font-size:10px;line-height:1.6}.guide-step h3{margin:0 0 4px}.settings-dialog .shape-options button{height:78px}
}
@media(min-width:1000px) and (min-height:900px){.art-library{grid-template-rows:repeat(3,minmax(0,1fr))}.font-card{min-height:92px}.font-card svg,.font-card svg.multi-font-sample{height:56px}.message-input{height:86px}.lettering-message>.field-label{margin-top:20px}.font-heading{margin-top:22px}.object-row{min-height:52px}}
@media(min-width:1000px) and (max-height:730px){.page-intro{height:46px;margin-bottom:7px}.header{height:48px}.editor-heading{padding:8px 14px;min-height:44px}.tabs{height:38px}.panel{padding:10px 14px}.art-library{gap:7px}.catalogue-search{padding:7px}.library-filters{margin:5px 0}.layer-options small{display:none}.new-background-grid .template-card svg{height:66px}.new-background-grid .template-card span{display:none}.new-background-grid .template-card{padding:6px}.modal-head h2{font-size:24px}.properties-heading{margin-top:9px;padding-top:8px}.property-help{font-size:10px}.lettering-message>.field-label{margin-top:8px}.font-heading{margin-top:8px}}
@media(max-width:670px){.layer-options{padding:10px 15px}.quick-layer-bar .toggle-row{padding:10px 9px}.quick-layer-bar small{font-size:9px}.editor-heading #shape-settings{min-height:40px}.editor-heading h2{font-size:16px}#add-more{font-size:11px;padding:10px 12px}}
#designer-update{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);background:#284d40;color:#fff;padding:10px 14px;border-radius:8px;display:flex;align-items:center;gap:14px;z-index:9;font-size:12px;box-shadow:0 4px 20px #17302330}#designer-update button{background:#fffefa;border:0;border-radius:5px;padding:9px 12px;color:#284d40;font-weight:600;white-space:nowrap}
@media(min-width:1000px){.workspace-options{display:flex;align-items:stretch;background:#fafbf5;border-bottom:1px solid var(--line);flex:none}.workspace-options .base-style-bar{flex:1;border-bottom:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:7px 12px}.workspace-options .layer-options{flex:1.7;border-bottom:0;display:block;padding:7px 12px}.workspace-options .layer-options h3{font-size:10px;margin:0 0 4px}.workspace-options .quick-layer-bar .toggle-row{padding:6px 8px}.workspace-options .quick-layer-bar small{display:none}.workspace-options .quick-layer-bar strong{font-size:10px}.workspace-options #base-style-options button{font-size:10px;padding:5px 7px;gap:3px}.workspace-options #base-style-options svg{width:25px;height:16px}.workspace-options .base-style-bar>span{font-size:10px}.canvas-caption,.selection-strip{display:none!important}.workspace-bar{min-height:38px;height:38px}.object-properties .hint{margin-top:12px}.property-help{line-height:1.5}#position-settings{padding:8px 12px;min-height:36px}.canvas-top{padding:6px 12px}}
@media(min-width:1000px) and (max-height:730px){.object-row{min-height:40px}.object-list{margin-top:8px}.object-pages .page-controls{padding-top:6px}.property-help{margin:7px 0}.object-bottom-actions .btn{min-height:36px;padding:8px}.simple-object-actions{margin-top:7px}.properties-heading h3{font-size:15px}.object-layer-tag{max-width:125px;text-align:right;font-size:7px}.object-bottom-actions{margin-top:7px}#position-settings{margin-top:7px}}
@media(min-width:1000px){.property-help{display:none}.dimension-line{display:none}.canvas-bottom .desktop-diameter{color:#5d7355;margin-right:7px}.settings-dialog .toggle-row{margin-bottom:4px}}
.lettering-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
@media(min-width:1000px){.lettering-actions{margin-top:10px;justify-content:space-between;gap:8px}.lettering-actions .lettering-position-button{margin:0}.lettering-actions button{font-size:11px}.export-dialog{max-width:800px}.desktop-export-files{display:flex;gap:8px}.desktop-export-files .export-card{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.desktop-export-files .export-card>svg{display:none}.desktop-export-files .export-card .btn{margin:0;align-self:stretch;min-height:36px}.desktop-export-files .export-card p{min-height:30px;font-size:10px}.export-dialog .modal-footer{margin-top:10px;min-height:34px}.export-dialog .modal-footer .btn{padding:8px 12px;min-height:34px}.export-dialog .export-note{line-height:1.5}.export-dialog .modal-subtitle{margin-bottom:8px}}
@media(min-width:1000px) and (max-height:800px){.lettering-message .font-heading{display:none}.lettering-message .font-grid{margin-top:10px}.font-card{min-height:49px;padding:4px 6px}.font-card svg,.font-card svg.multi-font-sample{height:22px}.font-card strong{font-size:9px}.message-input{min-height:52px;height:52px}.lettering-message .field-label{margin:8px 0 6px}.lettering-message>.field-label:first-child{margin-top:0}}
@media(min-width:1000px) and (max-height:730px){.lettering-decorations .divider{margin:8px 0}.lettering-decorations .decor-selectors{margin-bottom:8px}.lettering-decorations .edge-card{padding:6px 3px}.lettering-decorations .text-input{padding:8px}}
@media(min-width:1000px){.art-library{grid-template-rows:minmax(0,1fr)}.art-tile svg{max-width:180px}.art-tile>span:last-child{font-size:12px}.art-tile{padding:9px}.art-tile:after{font-size:15px;top:6px;right:8px}}
@media(min-width:1000px) and (min-height:850px){.art-library{grid-template-rows:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px) and (min-height:1000px){.art-library{grid-template-rows:repeat(3,minmax(0,1fr))}}
.admin-nav.signed-in{color:#284d40;font-weight:650}.admin-nav.signed-in:before{content:'●';color:#738e5e;font-size:8px;margin-right:6px}.admin-workshop-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-workshop-actions .btn{min-height:44px}.intro-actions #save-button{background:#284d40;color:#fff;border-color:#284d40}#admin-login-form .field-label{margin-top:14px}#admin-login-status:empty{min-height:0;margin:12px 0}#admin-login-submit{min-height:44px}@media(max-width:670px){.header nav{gap:12px}.admin-nav{font-size:10px}.admin-workshop-actions{grid-template-columns:1fr}}
@media(max-width:670px){.header{height:98px;flex-wrap:wrap;padding:10px 12px;gap:5px}.header nav{order:1;flex:0 0 100%;height:34px;gap:12px;justify-content:space-between}.header .nav-item{min-height:34px;font-size:11px}.intro-actions:has(#export-button[hidden]) #save-button{grid-column:1/-1}}
.admin-workshop-actions #admin-export-design{grid-column:1/-1}.admin-designs-dialog{max-width:700px}.admin-design-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #dfe5d8;border-radius:7px;background:#f8faf3;padding:10px 12px;margin:7px 0}.admin-design-row>div{min-width:0}.admin-design-code{font:600 14px ui-monospace,SFMono-Regular,monospace;color:#284d40}.admin-design-row p{font-size:11px;margin:4px 0;color:#66775d;white-space:pre-line}.admin-design-row small{font-size:9px;color:#89937f}.admin-design-row .btn{min-height:36px;padding:8px 14px}.admin-designs-dialog .page-controls{padding-top:5px}@media(min-width:1000px) and (max-height:800px){.admin-design-row{padding:7px 10px;margin:6px 0}.admin-design-code{font-size:13px}.admin-design-row p{margin:3px 0}}@media(max-width:670px){.admin-design-code{font-size:12px}.admin-design-row{padding:9px 10px;gap:8px}.admin-design-row .btn{min-height:44px;padding:9px 12px}}
.admin-design-row p{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.order-name-help{font-size:10px;line-height:1.5;color:#829074;margin:6px 0 10px}.order-code-name{font-size:12px;color:#697c60;margin:10px 0}.admin-order-tabs{display:flex;gap:8px;margin:0 0 10px}.admin-order-tabs button{flex:1;min-height:36px;padding:7px 12px;border:1px solid #dce4d2;border-radius:6px;background:#f5f7ef;font-size:12px}.admin-order-tabs button.selected{background:#eaf1e2;border-color:#8ba17b;color:#284d40;font-weight:600}.admin-order-name{display:block;color:#284d40;font-size:13px;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-design-code{display:block}.admin-design-actions{display:flex;gap:6px;flex:none}.admin-design-actions .btn{font-size:11px;padding:8px 10px}.admin-design-row{padding:8px 10px}.admin-design-row p{margin:3px 0}.order-list-help{font-size:11px;margin-bottom:9px}.danger-primary{background:#a34635;border-color:#a34635;color:white}.danger-primary:hover{background:#8d3e30}.delete-order-summary{padding:15px;border:1px solid #e0e5d7;background:#f7f9f1;border-radius:8px}.delete-order-summary>strong{display:block;font-size:15px;margin-bottom:8px}.delete-order-summary p{font-size:12px;color:#718467;margin-bottom:0}@media(max-width:670px){.admin-design-actions{flex-direction:column;gap:5px}.admin-design-actions .btn{min-height:36px;padding:7px 10px}.admin-order-name{font-size:12px}.order-name-help{font-size:11px}#order-customer-name{font-size:16px}}
@media(min-width:1000px){.code-design-summary{padding:8px 12px;margin:12px 0}.code-design-summary>svg{width:70px;height:70px}.code-design-summary>div{min-width:0}.code-design-summary strong{font-size:14px;overflow-wrap:anywhere}.code-design-summary p{font-size:11px;margin:6px 0}.code-help{font-size:11px;line-height:1.5;margin:10px 0}#order-code-form .field-label{margin:12px 0 7px}#order-code-form .code-primary{margin-top:8px}.order-name-help{margin:4px 0 7px}#code-status:empty,#copy-status:empty{min-height:0;margin:0}.order-code-name{margin:7px 0}.code-design-summary~.modal-footer .btn{min-height:36px;padding:8px 12px}.delete-order-summary{overflow-wrap:anywhere}}
@media(max-width:670px){.admin-design-actions .btn{min-height:44px}}
.workshop-search-form .field-label{margin:8px 0}.workshop-search-form>div{display:flex;gap:8px}.workshop-search-form .text-input{min-width:0}.workshop-search-form .btn{min-height:44px}.staff-account-toolbar{display:flex;justify-content:space-between;gap:10px;margin:12px 0}.staff-account-row strong{font-size:14px}.text-button{border:0;background:none;padding:4px 0;color:#284d40;text-decoration:underline;cursor:pointer;font-size:inherit}#staff-password-form .field-label,#staff-account-form .field-label{margin-top:14px}#staff-save-password,#staff-account-submit{min-height:44px}#staff-password-status:empty,#staff-account-status:empty{margin:10px 0;min-height:0}@media(max-width:670px){#customer-search-name,#staff-account-username,#staff-temporary-password,#staff-new-password,#staff-confirm-password,#staff-current-password{font-size:16px}.staff-account-row .admin-design-actions .btn{font-size:10px;padding:7px 9px}}@media(min-width:1000px){.workshop-search-form .field-label{font-size:11px}.workshop-search-form{margin-bottom:10px}}
.catalogue-folder-trail{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:11px 0 7px;font-size:11px;color:#6e8064}.catalogue-folder-trail strong{font-weight:650;color:#284d40}.catalogue-folder-trail>span{font-size:10px;color:#909b85}.catalogue-folder-trail .text-button{font-size:11px;min-height:30px;padding:4px 0}.art-folder{display:flex;align-items:center;gap:9px;position:relative;border:1px solid #dce4d3;border-radius:9px;background:#fbfcf6;padding:10px;min-width:0;color:#284d40;text-align:left}.art-folder:hover,.art-folder:focus-visible{border-color:#8ba57a;background:#eef4e6}.art-folder>svg:first-child{width:48px;height:54px;flex:none;background:#f4ebd6;border-radius:7px}.art-folder>span{min-width:0;flex:1}.art-folder strong{display:block;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.art-folder small{display:block;font-size:10px;color:#89947a;margin-top:4px}.art-folder .folder-arrow{width:13px;height:15px;flex:none;color:#93a282}.folder-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.art-tile>span:last-child{line-height:1.3;text-align:center;overflow-wrap:anywhere}.art-tile .catalogue-badge{display:none}@media(min-width:1000px){.catalogue-folder-trail{margin:5px 0;flex:none;min-height:29px}.catalogue-folder-trail>span{display:none}.folder-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.art-folder{flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px;min-height:0;overflow:hidden;text-align:center}.art-folder>svg:first-child{width:32px;height:32px;max-height:45%;flex:none}.art-folder strong{font-size:10px;line-height:1.1}.art-folder small{font-size:9px;margin-top:2px}.art-folder .folder-arrow{display:none}.art-tile>span:last-child{min-height:30px;font-size:10px}.art-tile svg{height:calc(100% - 36px)}}
@media(max-width:999px){.art-folder{gap:7px;padding:8px}.art-folder>svg:first-child{width:38px;height:46px}.art-folder strong{overflow-wrap:normal}.art-folder .folder-arrow{width:10px}}
/* Four clear steps, with scene text separate from the fixed base message. */
.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tabs button{white-space:normal;font-size:11px;text-align:center}.tabs button>span{display:block;margin:0 0 3px;font-size:9px}.lettering-tabs{display:flex;gap:8px;margin:0 0 14px}.lettering-tabs button{min-width:0}.lettering-message[hidden],.lettering-scene[hidden]{display:none!important}#decorations-panel .lettering-decorations{display:block;border:0;margin:0;padding:0}#decorations-panel .lettering-decorations>summary{display:none}.lettering-scene .field-label{margin:13px 0 6px}.text-curve-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.text-curve-options button{padding:10px 4px;min-height:40px;border:1px solid #dce3d2;border-radius:6px;background:#fffefa;font-size:12px}.text-curve-options button.selected{background:#edf3e6;border-color:#8fa581}.scene-text-sample{background:#f7f3e7;border:1px solid #e5dfd0;border-radius:8px;margin:12px 0}.scene-text-sample svg{display:block;width:100%;height:110px}#add-scene-text{width:100%;justify-content:center;min-height:44px}.text-object-selects{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.text-object-fields .field-label{margin:10px 0 6px}.text-object-fields .text-input{font-size:13px}#personalise-panel .lettering-tabs{flex:none}.lettering-scene .mini-help{line-height:1.5}.lettering-scene .layer-switch{margin:0}
@media(min-width:1000px){.tabs{padding:0 14px;gap:5px}.tabs button{padding:9px 0 8px}.lettering-tabs{margin-bottom:10px}.lettering-scene .field-label{margin:8px 0 5px}.scene-text-sample svg{height:90px}.lettering-scene .mini-help{margin:7px 0}.text-object-fields .text-input{padding:8px}.text-object-fields .field-label{margin-top:7px}.text-object-selects{gap:5px}}
@media(max-width:670px){.tabs{padding:0 14px;gap:5px}.tabs button{font-size:10px;padding:11px 0}.text-object-selects{grid-template-columns:1fr}.text-object-fields .text-input{font-size:16px}}
.edit-text-button{width:100%;justify-content:center;margin:8px 0 0;min-height:36px}#save-text-object{width:100%;justify-content:center;margin-top:12px}
.scene-format-row{display:grid;grid-template-columns:1fr 1.2fr;gap:12px}.scene-format-row>div{min-width:0}.scene-format-row select{width:100%;min-width:0}.scene-format-row .text-curve-options button{font-size:10px}
@media(min-width:1000px) and (max-height:849px){.lettering-scene>.section-label{display:none}.lettering-scene .field-label{margin:6px 0 4px}.lettering-scene>.mini-help{font-size:9px;margin:5px 0}.scene-text-sample{margin:8px 0}.scene-text-sample svg{height:45px}.lettering-scene .text-input{padding:8px 10px}.lettering-scene .layer-switch button,.text-curve-options button{min-height:34px;padding:7px 3px}#add-scene-text{min-height:38px;padding:9px}.scene-format-row{gap:8px}}
@media(max-width:670px){.scene-format-row{grid-template-columns:1fr}.scene-format-row .text-curve-options button{font-size:12px}}
.lettering-tabs>button{flex:1;min-width:0;min-height:44px;padding:8px;border:1px solid #dce3d4;border-radius:6px;background:#f4f6ee;font:12px 'DM Sans',sans-serif;color:#647958}.lettering-tabs>button.selected{color:#284d40;background:#edf3e6;border-color:#8fa581}
@media(min-width:1000px){.lettering-tabs>button{min-height:36px}}
#scene-text-mode-row[hidden]{display:none}#scene-text-mode-row select{width:100%}
@media(min-width:1000px) and (max-height:849px){.lettering-scene .scene-text-sample{display:none}.lettering-scene .scene-format-row{margin-top:4px}}

#name-decoration-controls[hidden]{display:none!important}.lettering-tabs button:disabled{opacity:.45;cursor:default}
@media(max-width:670px){.base-style-bar{align-items:flex-start;flex-direction:column;gap:8px}#base-style-options{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}#base-style-options button{justify-content:center;padding:9px 4px;gap:4px;font-size:11px}#base-style-options svg{width:24px}}
@media(min-width:1000px) and (max-width:1249px){.workspace-options #base-style-options svg{display:none}.workspace-options #base-style-options button{padding:6px}}

.export-progress{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px;border:1px solid #cddfc2;border-radius:8px;background:#f2f7ed;font-size:12px}.export-progress[hidden]{display:none}.export-progress>span:nth-child(2){flex:1}.export-spinner{width:18px;height:18px;flex:none;border:2px solid #cddfc2;border-top-color:#284d40;border-radius:50%;animation:export-spin .8s linear infinite}.export-progress .btn{min-height:32px;padding:6px 12px;font-size:11px}@keyframes export-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.export-spinner{animation:none}}

.bauble-stage,#bauble-preview,.stage-object,.lettering-object{touch-action:none}.transform-handle,[data-text-arrow]{touch-action:none}.text-object-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.text-object-actions .btn{min-width:0;padding:8px 4px;font-size:11px}#font-pages:empty{display:none}#font-pages .page-controls{padding-top:5px;font-size:10px}#font-pages button{min-height:26px;padding:4px 8px;font-size:10px}
@media(min-width:1000px) and (max-height:849px){.font-card{min-height:48px}.font-card svg,.font-card svg.multi-font-sample{height:23px}.font-card strong{font-size:9px;margin-top:3px}.font-heading{margin-top:8px}}

.studio{overflow-anchor:none}
.transform-handle *,[data-text-arrow] *{touch-action:none}

@media(min-width:1000px) and (max-height:730px){.lettering-tabs{margin-bottom:6px}.font-grid{margin-top:6px}.font-card{min-height:43px;padding:4px}.font-card svg,.font-card svg.multi-font-sample{height:22px}.font-card strong{line-height:1.2;margin-top:2px}#font-pages .page-controls{padding-top:3px}#font-pages button{min-height:24px}}

.owner-export-count{font-size:12px;font-weight:600;color:#284d40;margin:0 0 12px}.export-tracking-help{margin:8px 0;line-height:1.5}.staff-export-count{font-size:inherit;font-weight:600;color:#284d40}

.quick-setup-dialog,.background-choice-dialog{width:min(740px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:22px}.quick-setup-dialog .modal-head h2,.background-choice-dialog .modal-head h2{font-size:26px;line-height:1.2}.setup-progress{display:flex;list-style:none;gap:12px;padding:0;margin:0 0 16px}.setup-progress li{flex:1;display:flex;align-items:center;gap:7px;color:#929c86;font-size:12px}.setup-progress li>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eef1e7;font-size:11px;flex:none}.setup-progress li[aria-current=step]{color:#284d40;font-weight:600}.setup-progress li[aria-current=step]>span{background:#284d40;color:white}.background-card-grid{gap:9px;margin:0}.background-card-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.background-card-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.background-card-grid .template-card{min-height:118px;margin:0;padding:7px 5px 10px}.background-card-grid .template-card svg{height:85px}.background-card-grid .template-card strong{font-size:12px;line-height:1.3}.background-card-grid .template-card span{font-size:10px;line-height:1.4;margin-top:4px}.quick-setup-dialog .page-controls,.background-choice-dialog .page-controls{padding-top:12px;margin:0}.quick-setup-dialog .page-controls button,.background-choice-dialog .page-controls button{min-height:34px}.setup-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e2e7d9;padding-top:15px;margin-top:16px}.setup-footer>span{font-size:11px;color:#8b9681}.setup-footer .btn{min-height:42px}.setup-text-layout{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:22px;align-items:center}.setup-message{display:block;width:100%;resize:none;font:inherit;font-size:19px;line-height:1.6;min-height:90px}.setup-message-tools{display:flex;justify-content:space-between;gap:10px;margin-top:8px;align-items:center}.setup-message-tools>span{font-size:11px;color:#829177}.setup-message-tools button{min-height:32px;font-size:12px}.setup-error{font-size:12px;color:#a46551;line-height:1.5;margin:8px 0 0;min-height:18px}.setup-live-preview svg{height:175px;width:100%}.setup-edge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.setup-edge-grid .template-card{min-height:168px;margin:0;padding:8px 5px 12px}.setup-edge-grid .template-card svg{height:115px}.setup-edge-grid .template-card strong{font-size:13px}.setup-edge-grid .template-card span{font-size:10px;line-height:1.5;padding:0 4px}
@media(max-width:670px){.quick-setup-dialog,.background-choice-dialog{padding:17px}.quick-setup-dialog .modal-head h2,.background-choice-dialog .modal-head h2{font-size:23px}.setup-progress{gap:5px}.setup-progress li{font-size:10px;gap:5px}.setup-progress li>span{width:22px;height:22px}.background-card-grid .template-card{min-height:116px}.background-card-grid .template-card svg{height:76px}.background-card-grid .template-card strong{font-size:11px}.background-card-grid .template-card span{font-size:9px}.setup-text-layout{grid-template-columns:1fr}.setup-live-preview{display:none}.setup-edge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-edge-grid .template-card{min-height:125px;padding:5px 4px 8px}.setup-edge-grid .template-card svg{height:80px}.setup-edge-grid .template-card span{font-size:9px}.setup-footer{gap:7px;margin-top:12px;padding-top:12px}.setup-footer .btn{padding:9px 12px}.setup-footer>span{font-size:10px}}
@media(max-height:740px){.quick-setup-dialog,.background-choice-dialog{padding:15px}.quick-setup-dialog .modal-head h2,.background-choice-dialog .modal-head h2{font-size:22px;margin-bottom:8px}.quick-setup-dialog .eyebrow{margin-bottom:6px}.setup-progress{margin-bottom:10px}.quick-setup-dialog .modal-subtitle,.background-choice-dialog .modal-subtitle{margin-bottom:10px}.background-card-grid .template-card{min-height:102px;padding:5px}.background-card-grid .template-card svg{height:65px}.background-card-grid .template-card span{font-size:9px}.setup-edge-grid .template-card{min-height:112px}.setup-edge-grid .template-card svg{height:72px}.setup-live-preview svg{height:140px}.setup-footer{padding-top:10px;margin-top:10px}.setup-edge-grid .template-card span{font-size:9px}}