:root{--navy:#082331;--navy2:#0d3545;--yellow:#ffd400;--cyan:#18aeea;--ink:#14212b;--line:#dbe4e8;--soft:#f7fafb;--green:#08a56a}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#eef4f6;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{grid-template-rows:58px 1fr;height:100vh;display:grid}header{border-bottom:3px solid var(--yellow);color:#fff;background:linear-gradient(90deg,#06151e,#092a38);align-items:center;gap:16px;padding:0 18px;display:flex}.brand{align-items:center;gap:10px;min-width:220px;display:flex}.brand img{object-fit:contain;max-width:130px;height:40px}.title{color:var(--yellow);letter-spacing:.3px;font-weight:900}.header-right{color:#d6e4e8;margin-left:auto;font-size:13px}.header-right strong{color:#fff}.screen{height:100%;padding:8px;display:none}.screen.active{display:block}.shell{background:#fff;border:1px solid #dce5e8;border-radius:12px;grid-template-columns:285px 1fr 128px;height:100%;display:grid;overflow:hidden;box-shadow:0 5px 20px #0000000f}.assistant{background:linear-gradient(160deg, var(--navy), var(--navy2));color:#fff;flex-direction:column;min-width:0;padding:18px;display:flex}.assistant h1{margin:36px 0 8px;font-size:26px}.assistant h2{margin:4px 0 12px;font-size:20px}.assistant p{color:#d5e5e9;font-size:13px;line-height:1.45}.assistant .spacer{flex:1}.field{margin-top:12px}.field label{margin-bottom:6px;font-size:12px;font-weight:800;display:block}.field input,.field select,.field textarea{color:#17222b;background:#fff;border:1px solid #cad5db;border-radius:7px;width:100%;padding:9px}.btn{border:0;border-radius:7px;padding:10px 15px;font-weight:900}.primary{background:var(--yellow);color:#10202a}.secondary{color:#fff;background:0 0;border:1px solid #67808a}.nav{justify-content:space-between;gap:8px;margin-top:14px;display:flex}.nav .btn{min-width:76px}.viewer{background:#fff;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.viewer img.hat{object-fit:contain;width:min(66%,540px);max-height:82%}.thumbs{border-left:1px solid var(--line);background:#fbfdfe;align-content:center;gap:10px;padding:10px;display:grid}.thumb{border:2px solid var(--line);background:#fff;border-radius:9px;height:92px;padding:5px}.thumb.on{border-color:#2ca9f0}.thumb img{object-fit:contain;width:100%;height:100%}.oxy{pointer-events:none;justify-content:center;align-items:center;width:30%;height:18%;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.oxy-ring{opacity:.96;border:8px solid #fff;border-radius:50%;width:94px;height:94px;position:absolute}.oxy-cut{background:0 0;width:112px;height:34px;position:absolute;box-shadow:0 0 0 20px #0000}.oxy-word{letter-spacing:-1px;color:#fff;text-shadow:0 1px 2px #000000a6;z-index:2;font-size:24px;font-style:italic;font-weight:900;position:relative}.oxy-ring:before,.oxy-ring:after{content:"";background:#111;width:14px;height:22px;position:absolute;left:32px}.oxy-ring:before{top:-11px}.oxy-ring:after{bottom:-11px}.options{gap:8px;display:grid}.opt{text-align:left;color:#13232e;background:#fff;border:2px solid #dbe3e7;border-radius:8px;padding:11px 38px 11px 12px;font-weight:700;transition:all .16s;position:relative;box-shadow:0 1px 2px #00000008}.opt:hover{background:#f7fcff;border-color:#79bfe2}.opt.sel{border-color:var(--yellow);background:var(--yellow);color:#092533;box-shadow:0 0 0 3px #ffd40033,0 4px 12px #0000001a}.opt.sel:after{content:"✓";color:#fff;background:#092533;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.opt input{margin-right:8px}.loc-option{color:#13232e;text-align:left;background:#fff;border:2px solid #dbe3e7;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:7px;padding:10px 38px 10px 11px;font-size:13px;font-weight:700;transition:all .16s;display:flex;position:relative}.loc-option:hover{background:#f7fcff;border-color:#79bfe2}.loc-option.sel{border-color:var(--yellow);background:var(--yellow);color:#092533;box-shadow:0 0 0 3px #ffd4002e}.loc-option.sel:after{content:"✓";color:#fff;background:#092533;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;font-weight:900;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.step6{background:#fff;border:1px solid #dce5e8;border-radius:12px;grid-template-rows:58px 1fr;height:100%;display:grid;overflow:hidden}.step6-head{border-bottom:3px solid var(--yellow);color:#fff;background:linear-gradient(90deg,#06151e,#092a38);justify-content:space-between;align-items:center;padding:0 18px;display:flex}.step6-head h2{margin:0;font-size:18px}.step6-head span{color:#cfe0e5;font-size:12px}.decorate-wrap{grid-template-rows:auto 1fr auto;gap:8px;min-height:0;padding:10px;display:grid}.decorate-intro{justify-content:space-between;align-items:center;display:flex}.decorate-intro h2{margin:0;font-size:19px}.decorate-intro p{color:#61717a;margin:2px 0 0;font-size:12px}.loc-count{background:#eef8fb;border-radius:20px;padding:7px 10px;font-size:12px;font-weight:800}.decor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0;display:grid}.decor-card{background:#fff;border:1px solid #dbe4e8;border-radius:10px;grid-template-rows:auto auto minmax(120px,1fr) auto auto;gap:7px;padding:9px;display:grid;overflow:hidden}.decor-card h3{align-items:center;gap:6px;margin:0;font-size:15px;display:flex}.num{border:1px solid #c8d5da;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:inline-flex}.toggle{background:#fff;border:1px solid #cdd8dd;border-radius:7px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.toggle button{color:#18313d;background:#fff;border:0;padding:7px;font-size:11px;font-weight:800;transition:all .15s}.toggle button:hover{background:#f5f9fb}.toggle button.on{background:var(--yellow);color:#092533;box-shadow:inset 0 0 0 2px #e6bf00}.hat-mini{background:#f8fafb;border-radius:8px;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.hat-mini>img{object-fit:contain;width:88%;height:88%}.placement-box{border:1.5px dashed #f2c700;justify-content:center;align-items:center;width:30%;height:18%;display:flex;position:absolute;top:45%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.placement-box img{object-fit:contain;max-width:100%;max-height:100%}.placement-box .txt{white-space:nowrap;color:#fff;text-shadow:0 1px 2px #000;font-size:9px;font-weight:900}.upload-row{grid-template-columns:1fr;gap:5px;display:grid}.upload-drop{text-align:center;background:#fafcfd;border:1px dashed #b9c7cd;border-radius:7px;padding:6px;font-size:10px}.upload-drop input{width:100%;font-size:10px}.compact{grid-template-columns:1fr 1fr;gap:5px;display:grid}.compact .field{margin:0}.compact .field label{color:#5d6c74;margin-bottom:2px;font-size:9px}.compact input,.compact select{border-radius:5px;padding:5px;font-size:10px}.notes{margin:0}.notes textarea{resize:none;height:34px;padding:5px;font-size:10px}.text-controls{display:none}.text-controls.active{display:grid}.bottom-actions{border-top:1px solid #e2e9ec;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.bottom-actions .btn{padding:9px 16px}.back-dark{color:#17252e;background:#fff;border:1px solid #b9c7cd}.review{background:var(--yellow);color:#111}.review-screen{background:#fff;border-radius:12px;height:100%;padding:18px;overflow:auto}.review-screen h1{margin-top:0}.review-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.review-card{border:1px solid var(--line);border-radius:10px;padding:10px}.review-hat{background:#fafcfd;border-radius:8px;justify-content:center;align-items:center;height:180px;display:flex;position:relative}.review-hat>img{object-fit:contain;width:90%;height:90%}.review-hat .placement-box{border:none}.summary{font-size:12px;line-height:1.5}.art-preview{pointer-events:none;transform-origin:50%;justify-content:center;align-items:center;width:34%;height:18%;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.art-preview img{object-fit:contain;max-width:100%;max-height:100%;display:block}.art-preview .txt{white-space:nowrap;color:#fff;text-shadow:0 1px 2px #000000a6;max-width:100%;font-size:20px;font-weight:900;line-height:1;display:block}.art-entry{gap:6px;display:grid}.art-entry .field{margin:0}.art-entry .field input,.art-entry .field select{padding:7px;font-size:11px}.colour-line{grid-template-columns:1fr 48px;align-items:end;gap:6px;display:grid}.colour-line input[type=color]{background:#fff;border:1px solid #cad5db;border-radius:6px;width:48px;height:34px;padding:2px}.adjust-panel{border-top:1px solid #e4ebee;gap:6px;padding-top:7px;display:none}.adjust-panel.active{display:grid}.adjust-title{color:#5a6b73;text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:900}.adjust-row{flex-wrap:wrap;gap:4px;display:flex}.adjust-btn{color:#18313d;background:#fff;border:1px solid #c8d5da;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800}.adjust-btn:hover,.adjust-btn.on{background:var(--yellow);color:#092533;border-color:#e1bd00}.adjust-btn.wide{flex:1}.adjust-note{color:#75858d;font-size:9px}.artwork-check{background:#fff;border-radius:12px;grid-template-rows:58px 1fr;height:100%;display:grid;overflow:hidden}.artwork-check-head{border-bottom:3px solid var(--yellow);color:#fff;background:linear-gradient(90deg,#06151e,#092a38);justify-content:space-between;align-items:center;padding:0 18px;display:flex}.artwork-check-body{grid-template-columns:1fr 260px;gap:18px;min-height:0;padding:18px;display:grid}.artwork-check-main{flex-direction:column;min-width:0;display:flex}.artwork-check-main h1{margin:0 0 4px;font-size:24px}.artwork-check-main>p{color:#61717a;margin:0 0 14px;font-size:13px}.check-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:0;display:grid}.check-card{background:#fbfdfe;border:1px solid #dbe4e8;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.check-card h3{margin:0;font-size:14px}.check-art{background:#fff;border-radius:8px;justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:hidden}.check-art>img.hat-check{object-fit:contain;width:88%;height:88%}.check-art .art-preview{top:45%}.check-meta{color:#5f7078;font-size:11px;line-height:1.45}.check-side{border-left:1px solid #e2e9ec;flex-direction:column;padding-left:18px;display:flex}.check-side h3{margin:0 0 8px}.check-side p{color:#667780;font-size:12px;line-height:1.5}.check-actions{gap:8px;margin-top:auto;display:grid}.check-actions .btn{width:100%}@media (max-width:1280px){.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1100px){html,body{overflow:auto}.app{height:auto;min-height:100vh}.screen{height:auto}.shell{grid-template-columns:260px 1fr 100px;min-height:700px}.decor-grid{grid-template-columns:repeat(2,1fr)}.step6{height:auto;min-height:100vh}}.art-preview{cursor:grab;touch-action:none;pointer-events:auto!important}.art-preview:active{cursor:grabbing}.adjust-panel{border-top:1px solid #e4ebee;gap:5px;padding-top:6px}.adjust-title{justify-content:space-between;align-items:center;font-size:10px;display:flex}.adjust-title small{text-transform:none;letter-spacing:0;color:#7a8990;font-weight:600}.adjust-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.adjust-block{background:#fbfdfe;border:1px solid #e1e8eb;border-radius:7px;padding:5px}.adjust-label{color:#53656e;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:9px;font-weight:900}.align-3{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.align-3 button,.mini-action{color:#18313d;background:#fff;border:1px solid #c8d5da;border-radius:5px;padding:5px 4px;font-size:9px;font-weight:900}.align-3 button:hover,.align-3 button.on,.mini-action:hover,.mini-action.on{background:var(--yellow);color:#092533;border-color:#e0bd00}.range-row{color:#5e7078;grid-template-columns:38px 1fr 34px;align-items:center;gap:4px;font-size:9px;display:grid}.range-row input[type=range]{accent-color:#efc900;width:100%}.range-val{text-align:right;color:#203741;font-weight:900}.adjust-footer{justify-content:space-between;align-items:center;gap:4px;display:flex}.drag-tip{color:#74858d;font-size:9px}.reset-btn{background:#fff;border:1px solid #c8d5da;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:900}.verify-screen{background:#eef4f6;height:100%;padding:8px}.verify-card{background:#fff;border:1px solid #dce5e8;border-radius:12px;grid-template-rows:auto auto auto auto auto;align-content:center;gap:16px;height:100%;padding:28px 34px;display:grid;overflow:hidden}.verify-copy h1{color:#0b1924;margin:0 0 8px;font-size:38px;line-height:1.05}.verify-copy p{color:#62717b;margin:0;font-size:18px}.verify-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.verify-field.full{grid-column:1/-1}.verify-field label{margin-bottom:6px;font-size:14px;font-weight:900;display:block}.verify-field input,.verify-field textarea{border:1.5px solid #cbd7dd;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-size:17px}.verify-field input:focus,.verify-field textarea:focus{border-color:#24a9e8;box-shadow:0 0 0 3px #24a9e81f}.verify-field textarea{resize:none;height:84px}.verify-actions{justify-content:space-between;align-items:center;display:flex}.verify-actions .btn{padding:12px 20px;font-size:15px}.verify-code{background:#f8fbfc;border:1px solid #dce5e8;border-radius:10px;grid-template-columns:1fr 170px auto;align-items:center;gap:10px;padding:10px 12px;display:none}.verify-code.active{display:grid}.verify-code strong{display:block}.verify-code span{color:#65757d;margin-top:2px;font-size:11px;display:block}.verify-code input{letter-spacing:5px;text-align:center;border:1px solid #cbd7dd;border-radius:8px;padding:10px;font-size:18px}.verify-status{color:#0b8a5b;min-height:18px;font-size:12px;font-weight:800}@media (max-width:1050px){.verify-copy h1{font-size:30px}.verify-copy p{font-size:15px}.verify-card{padding:20px}.verify-code{grid-template-columns:1fr 145px auto}}.nudge-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.nudge-grid button,.tool-row button{color:#16313d;cursor:pointer;background:#fff;border:1px solid #c7d4da;border-radius:6px;padding:6px 5px;font-size:10px;font-weight:900}.nudge-grid button:hover,.tool-row button:hover,.tool-row button.on{background:var(--yellow);border-color:#dfbd00}.nudge-grid .blank{visibility:hidden}.tool-row{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.adjust-hint{color:#687a82;margin-top:2px;font-size:9px}.details-card,.code-card{background:#fff;border:1px solid #dbe4e8;border-radius:14px;max-width:900px;margin:28px auto;padding:26px}.details-card h1,.code-card h1{color:#071926;margin:0 0 10px;font-size:34px}.details-card>p,.code-card>p{color:#63727b;margin:0 0 22px;font-size:18px;line-height:1.45}.details-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.details-grid .full{grid-column:1/-1}.details-grid label{margin-bottom:6px;font-weight:900;display:block}.details-grid input,.details-grid textarea,.code-card input{border:1.5px solid #cbd7dd;border-radius:10px;width:100%;padding:13px 14px;font-size:17px}.details-grid textarea{resize:none;height:92px}.details-actions,.code-actions{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.code-entry{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.code-status{color:#187b43;margin-top:12px;font-weight:800}.prototype-code{color:#7c8a91;margin-top:10px;font-size:12px}.success-card{text-align:center;background:#fff;border:1px solid #dbe4e8;border-radius:16px;max-width:620px;margin:18px auto;padding:24px 30px;box-shadow:0 10px 30px #00000017}.success-icon{color:#20a743;border:4px solid #20a743;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 8px;font-size:31px;font-weight:900;line-height:1;display:grid}.success-card h1{color:#071926;margin:3px 0 5px;font-size:34px}.success-card>p{color:#5f7078;margin:4px 0 12px;font-size:16px}.reference-label{color:#54656d;font-size:14px}.reference-code{border:1.5px solid var(--yellow);letter-spacing:.5px;color:#0a2835;background:#fffdf1;border-radius:8px;margin:7px 0 9px;padding:9px 16px;font-size:23px;font-weight:950;display:inline-block}.success-copy{line-height:1.4;font-size:14px!important}.success-divider{background:#e1e7ea;height:1px;margin:16px 0}.success-card h3{color:#122e3a;margin:0 0 7px;font-size:18px}.rating{justify-content:center;gap:5px;margin:4px 0;display:flex}.rating button{color:#c6cdd1;cursor:pointer;background:0 0;border:0;padding:1px 3px;font-size:34px;line-height:1}.rating button.on,.rating button:hover{color:#ffc400}.rating-help{margin:2px 0 12px!important;font-size:11px!important}.feedback-label{text-align:left;color:#53656e;margin:0 0 5px;font-size:12px;font-weight:800;display:block}.feedback-box{resize:none;border:1.5px solid #cbd7dd;border-radius:9px;width:100%;height:72px;padding:9px 11px;font-size:13px}.success-home{width:100%;margin-top:13px}.screen[data-step="10"]{overflow:auto}.curve-control{background:#fbfdfe;border:1px solid #e1e8eb;border-radius:7px;margin-top:5px;padding:6px}.curve-control .curve-head{color:#53656e;text-transform:uppercase;letter-spacing:.3px;justify-content:space-between;align-items:center;margin-bottom:3px;font-size:9px;font-weight:900;display:flex}.curve-control input[type=range]{accent-color:#efc900;width:100%}.curve-svg{width:100%;height:100%;display:block;overflow:visible}.curve-svg text{paint-order:stroke;stroke:#00000059;stroke-width:.6px;stroke-linejoin:round;font-weight:900}.flow-next{text-align:center;min-width:210px;font-weight:950}.review-screen .review-actions{background:#fff;border-top:1px solid #e2e9ec;justify-content:space-between;gap:10px;margin-top:16px;padding-top:10px;display:flex;position:sticky;bottom:0}.review-screen .review-actions .btn{min-width:180px}.decor-card{grid-template-rows:auto auto minmax(240px,1fr) auto auto}.hat-mini{min-height:240px}.hat-mini>img{object-fit:contain;width:100%;height:100%;transform:scale(1.08)}.art-preview .txt,.art-preview svg,.art-preview img,.curve-svg{pointer-events:none}@media (max-height:800px){.decor-card{grid-template-rows:auto auto minmax(185px,1fr) auto auto}.hat-mini{min-height:185px}.hat-mini>img{transform:scale(1.04)}}.decor-grid{align-items:stretch;gap:10px;min-height:0;overflow:hidden;display:flex!important}.decor-card{flex:.72 1 0;min-width:0;transition:flex .2s,border-color .2s,box-shadow .2s;overflow:hidden}.decor-card.active-edit{border-color:#22a8eb;flex:3.35 1 0;box-shadow:0 0 0 2px #22a8eb24}.decor-card .hat-mini>img{object-fit:contain;width:100%;height:100%;display:block;transform:none!important}.decor-card:not(.active-edit) .art-entry,.decor-card:not(.active-edit) .adjust-panel{display:none!important}.decor-card:not(.active-edit) .toggle{opacity:.8}.decor-card:not(.active-edit){cursor:pointer;background:#fafcfd}.decor-card:not(.active-edit):hover{border-color:#88cbea}.hat-mini{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.hat-mini.dragging{cursor:grabbing}.decor-card.active-edit h3:after{content:"EDITING";letter-spacing:.5px;color:#0877ad;background:#eaf7fd;border:1px solid #9cd8f3;border-radius:12px;margin-left:auto;padding:3px 7px;font-size:9px}.decor-card:not(.active-edit) h3:after{content:"CLICK TO EDIT";letter-spacing:.35px;color:#71828a;margin-left:auto;font-size:8px}.adjust-hint{color:#4d6875;font-weight:700}.bg-question{background:#f8fbfc;border:1px solid #d9e3e7;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:7px 8px;display:flex}.bg-question strong{font-size:10px}.bg-choice{gap:5px;display:flex}.bg-choice button{cursor:pointer;background:#fff;border:1px solid #c9d6dc;border-radius:6px;padding:5px 9px;font-size:9px;font-weight:900}.bg-choice button.on{color:#07121a;background:#ffd400;border-color:#e2bc00}.angle-control{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:5px;display:grid}.angle-control span{color:#52656f;font-size:9px;font-weight:900}.angle-control input{accent-color:#ffd400;width:100%}.angle-control output{text-align:right;min-width:38px;font-size:9px;font-weight:900}.other-answer{margin-top:8px;display:none}.other-answer.active{display:block}.other-answer input{border:1px solid #cbd7dd;border-radius:7px;width:100%;padding:9px;font-size:12px}@media (max-height:850px){.decor-card.active-edit .hat-mini{height:350px;min-height:350px}.decor-card:not(.active-edit) .hat-mini{height:170px;min-height:170px}}.decor-grid{gap:8px!important}.decor-card{background:#fff!important;border-radius:10px!important;flex:.62 1 0!important}.decor-card.active-edit{flex:4.7 1 0!important}.decor-card.active-edit .hat-mini{border-radius:8px;background:#fff!important;height:500px!important;min-height:500px!important}.decor-card:not(.active-edit) .hat-mini{background:#fff!important;height:190px!important;min-height:190px!important}.decor-card:not(.active-edit) h3{font-size:12px}.decor-card:not(.active-edit) .toggle{font-size:9px}.decor-card.active-edit .art-entry{border-top:1px solid #e6ecef;padding-top:7px}.decor-card.active-edit .adjust-panel{background:#fbfdfe;border:1px solid #e1e8eb;border-radius:9px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding:8px}.decor-card.active-edit .adjust-title,.decor-card.active-edit .adjust-footer,.decor-card.active-edit .curve-control{grid-column:1/-1}.decor-card.active-edit .adjust-block{background:#fff;margin:0}.decor-card.active-edit .nudge-grid button,.decor-card.active-edit .tool-row button{min-height:32px}.decor-card.active-edit .angle-control{margin-top:8px}.hat-mini{isolation:isolate}.hat-mini>img,.review-hat>img{z-index:1;position:relative}.hat-mini .art-preview,.review-hat .art-preview{z-index:2;max-width:none!important;max-height:none!important;margin:0!important}.review-hat{position:relative!important;overflow:hidden!important}.review-card .art-preview{pointer-events:none!important}.preview-note{color:#6d7c84;text-align:center;margin-top:3px;font-size:9px}@media (max-height:900px){.decor-card.active-edit .hat-mini{height:410px!important;min-height:410px!important}.decor-card:not(.active-edit) .hat-mini{height:155px!important;min-height:155px!important}}.review-screen{padding:14px 18px!important;overflow:auto!important}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.review-card{position:relative;padding:12px!important}.review-card h3{margin:0 0 8px;font-size:17px!important}.review-hat{cursor:zoom-in;border:1px solid #edf1f3;background:#fff!important;height:330px!important}.review-card .summary{font-size:12px}.preview-open{z-index:4;background:#fff;border:1px solid #cbd8dd;border-radius:7px;padding:5px 9px;font-size:10px;font-weight:900;position:absolute;top:10px;right:12px}.preview-open:hover{background:#ffd400;border-color:#e1bc00}.preview-modal{z-index:9999;background:#020e15e0;justify-content:center;align-items:center;padding:28px;display:none;position:fixed;inset:0}.preview-modal.open{display:flex}.preview-dialog{background:#fff;border-radius:14px;grid-template-rows:auto 1fr auto;width:min(1180px,95vw);height:min(840px,92vh);display:grid;overflow:hidden;box-shadow:0 24px 70px #0000006b}.preview-dialog-head{color:#fff;background:#082331;border-bottom:3px solid #ffd400;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.preview-dialog-head strong{font-size:16px}.preview-close{color:#082331;background:#fff;border:0;border-radius:7px;padding:7px 12px;font-weight:900}.preview-stage-wrap{background:#f8fafb;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.preview-stage{transform-origin:50%;justify-content:center;align-items:center;width:90%;height:90%;transition:transform .12s;display:flex;position:relative}.preview-stage>img{object-fit:contain;z-index:1;width:96%;height:96%;position:relative}.preview-stage .art-preview{z-index:2;pointer-events:none!important}.preview-zoom{background:#fff;border-top:1px solid #e1e8eb;align-items:center;gap:10px;padding:10px 16px;display:flex}.preview-zoom button{background:#fff;border:1px solid #cbd8dd;border-radius:7px;padding:7px 12px;font-weight:900}.preview-zoom input{accent-color:#ffd400;flex:1}.preview-zoom output{text-align:right;min-width:48px;font-weight:900}.decor-card.active-edit .hat-mini{height:530px!important;min-height:530px!important}.decor-card.active-edit .adjust-panel{grid-template-columns:1fr!important;gap:6px!important}.decor-card.active-edit .adjust-title,.decor-card.active-edit .adjust-footer,.decor-card.active-edit .curve-control,.decor-card.active-edit .adjust-block{grid-column:1!important}.decor-card.active-edit .adjust-block{padding:6px!important}.decor-card.active-edit .nudge-grid{gap:4px;grid-template-columns:repeat(5,1fr)!important;display:grid!important}.decor-card.active-edit .nudge-grid .blank{display:none!important}.decor-card.active-edit .nudge-grid button{min-height:30px!important}.decor-card.active-edit .tool-row{gap:4px;grid-template-columns:repeat(4,1fr)!important;display:grid!important}.decor-card.active-edit .tool-row button{min-height:30px!important}.art-entry .field input[data-text]{padding:9px!important;font-size:14px!important}.free-place-note{color:#53656e;background:#eef8fb;border:1px solid #d9edf4;border-radius:7px;margin-top:5px;padding:6px 8px;font-size:10px}@media (max-height:900px){.decor-card.active-edit .hat-mini{height:430px!important;min-height:430px!important}.review-hat{height:270px!important}}.review-grid{max-width:1500px;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.review-hat{height:390px!important}.review-hat>img{width:98%!important;height:98%!important}.decor-card:not(.active-edit){opacity:.96}.decor-card:not(.active-edit) .hat-mini{min-height:180px!important}.decor-card.active-edit .hat-mini{background:#fff!important;height:min(56vh,590px)!important;min-height:430px!important}.decor-card.active-edit .art-preview{cursor:move!important}.precision-position{background:#fbfdfe;border:1px solid #e1e8eb;border-radius:7px;grid-template-columns:58px 1fr 46px;align-items:center;gap:7px;padding:7px 8px;display:grid}.precision-position label{text-transform:uppercase;color:#62737b;font-size:9px;font-weight:900}.precision-position input{accent-color:#ffd400;width:100%}.precision-position output{text-align:right;font-size:10px;font-weight:900}.editor-help{color:#52656e;background:#eef8fb;border-radius:7px;padding:6px 8px;font-size:10px}@media (max-height:900px){.decor-card.active-edit .hat-mini{height:450px!important}.review-hat{height:315px!important}}.patch-type-panel{background:#fffbea;border:2px solid #ffd400;border-radius:10px;margin-top:10px;padding:11px 12px}.patch-type-panel[hidden]{display:none!important}.patch-type-title{color:#102631;font-size:12px;font-weight:950}.patch-type-copy{color:#687780;margin-top:2px;margin-bottom:8px;font-size:10px}.patch-type-options{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.patch-type-options button{cursor:pointer;background:#fff;border:1px solid #c7d2d7;border-radius:8px;padding:9px 10px;font-size:10px;font-weight:900}.patch-type-options button.sel{background:#ffd400;border-color:#c9a900;box-shadow:0 0 0 2px #ffd4002e}.decor-grid.v27-single{height:auto!important;min-height:0!important;display:block!important}.v27-editor{grid-template-columns:minmax(0,1.8fr) minmax(330px,.8fr);gap:14px;height:calc(100vh - 176px);min-height:610px;display:grid}.v27-stage-card,.v27-tools{background:#fff;border:1px solid #d9e4e8;border-radius:12px;min-height:0}.v27-stage-card{grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.v27-stage-head{background:#fbfdfe;border-bottom:1px solid #e5ecef;justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.v27-stage-head h3{margin:0;font-size:17px}.v27-step{color:#63747c;font-size:12px;font-weight:900}.v27-hat-stage{touch-action:none;cursor:crosshair;background:#fff;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.v27-hat-stage>img{object-fit:contain;z-index:1;pointer-events:none;width:96%;height:96%;position:relative}.v27-hat-stage .art-preview{z-index:3;cursor:grab;pointer-events:auto!important}.v27-hat-stage.dragging .art-preview{cursor:grabbing}.v27-stage-foot{color:#52636b;background:#fbfdfe;border-top:1px solid #e5ecef;align-items:center;gap:10px;padding:9px 12px;font-size:11px;display:flex}.v27-hint-dot{color:#091d28;background:#ffd400;border-radius:50%;flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;font-weight:1000;display:inline-flex}.v27-tools{flex-direction:column;gap:10px;padding:12px;display:flex;overflow:auto}.v27-tools .toggle{grid-template-columns:1fr 1fr;display:grid}.v27-tools .toggle button{min-height:34px}.v27-helper{color:#3f3a1e;background:#fff9dc;border:1px solid #f0d04b;border-radius:9px;padding:9px 10px;font-size:11px;line-height:1.35}.v27-helper strong{color:#14242c;margin-bottom:2px;display:block}.v27-tools .field input,.v27-tools .field select{min-height:36px}.v27-tools .adjust-panel{border-top:1px solid #e4ebee;padding-top:8px;display:block!important}.v27-tools .adjust-title{justify-content:space-between;align-items:center;display:flex}.v27-tools .adjust-title small{color:#74838a;font-size:9px}.v27-slider{grid-template-columns:76px 1fr 42px;align-items:center;gap:8px;margin-top:7px;display:grid}.v27-slider label{text-transform:uppercase;color:#50616a;font-size:10px;font-weight:900}.v27-slider input{accent-color:#ffd400;width:100%}.v27-slider output{text-align:right;font-size:10px;font-weight:900}.v27-quick{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.v27-quick button,.v27-tools .tool-row button{background:#fff;border:1px solid #cbd7dc;border-radius:7px;min-height:32px;font-size:10px;font-weight:900}.v27-quick button:hover,.v27-tools .tool-row button:hover{background:#fff9d6;border-color:#e2bd00}.v27-location-tabs{flex-wrap:wrap;gap:6px;margin:0 0 8px;display:flex}.v27-location-tabs button{background:#fff;border:1px solid #cad8dd;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900}.v27-location-tabs button.on{color:#fff;background:#082331;border-color:#082331}.v27-location-tabs button.done:before{content:"✓ ";color:#ffd400}.v27-page-actions{gap:8px;margin-top:auto;padding-top:4px;display:flex}.v27-page-actions .btn{flex:1;justify-content:center}.v27-remove-bg{border:1px solid #dce5e9;border-radius:8px;margin-top:8px;padding:8px}.v27-remove-bg strong{font-size:11px}.v27-remove-bg .bg-choice{grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;display:grid}.v27-remove-bg .bg-choice button{background:#fff;border:1px solid #cbd7dc;border-radius:7px;padding:7px;font-weight:900}.v27-remove-bg .bg-choice button.on{background:#ffd400;border-color:#d9b800}.review-screen .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.review-screen .review-card{cursor:zoom-in}.review-screen .review-hat{height:300px!important}.review-screen .review-card:hover{border-color:#18aee6;box-shadow:0 4px 16px #052a3a14}.v27-review-tip{background:#fff9d6;border:1px solid #edd266;border-radius:8px;align-items:center;gap:8px;margin:8px 0 12px;padding:8px 10px;font-size:11px;display:flex}@media (max-height:850px){.v27-editor{height:calc(100vh - 155px);min-height:560px}.review-screen .review-hat{height:245px!important}}@media (max-width:1050px){.v27-editor{grid-template-columns:1fr;height:auto}.v27-hat-stage{height:520px}.v27-tools{overflow:visible}}.v27-editor{align-items:stretch;height:calc(100vh - 245px)!important;min-height:0!important;max-height:720px!important}.v27-stage-card{min-height:0!important}.v27-hat-stage{min-height:280px!important}.v27-tools{min-height:0!important;padding-bottom:8px!important;overflow:auto!important}.v27-page-actions{z-index:8;background:#fff;border-top:1px solid #e7ecef;padding:8px 0 2px;position:sticky;bottom:0}.v27-stage-head{padding:8px 12px!important}.v27-stage-foot{padding:6px 10px!important}.v27-tools{gap:7px!important}.v27-helper{padding:7px 9px!important}.v27-slider{margin-top:5px!important}.v27-tools .field{margin-top:6px!important}.v27-remove-bg{margin-top:6px!important;padding:6px!important}.curve-svg{width:100%!important;height:100%!important;overflow:visible!important}@media (max-height:900px){.v27-editor{height:calc(100vh - 225px)!important;max-height:none!important}.v27-hat-stage{min-height:250px!important}}@media (max-height:760px){.v27-editor{height:calc(100vh - 205px)!important}.v27-hat-stage{min-height:210px!important}.v27-stage-foot{display:none!important}}.multi-method .opt{position:relative;padding-right:34px!important}.multi-method .opt.sel:after{content:"✓";font-weight:1000;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.method-help{color:#3f3b22;background:#fff9d6;border:1px solid #ecd45a;border-radius:8px;margin-top:10px;padding:9px 10px;font-size:11px;line-height:1.35}.quote-options-copy{margin-top:4px!important}.v30-layer-tabs{flex-wrap:wrap;gap:6px;padding:2px 0;display:flex}.v30-layer-tabs button{cursor:pointer;background:#fff;border:1px solid #cbd7dc;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.v30-layer-tabs button.on{color:#fff;background:#082331;border-color:#082331}.v30-layer-tabs button.done:before{content:"✓ ";color:#ffd400}.v30-add-more{background:#fff9d7;border:2px solid #f0c900;border-radius:10px;padding:10px 12px}.v30-add-more strong{margin-bottom:7px;font-size:11px;display:block}.v30-add-actions{gap:6px;display:flex}.v30-add-actions button{cursor:pointer;background:#fff;border:1px solid #c9d6dc;border-radius:7px;padding:8px 14px;font-size:10px;font-weight:900}.v30-add-actions button.yes{background:#ffd400;border-color:#dcb900}.v30-add-actions button:hover{box-shadow:0 1px 5px #00000014}.v30-layer-note{color:#72828a;font-size:9px}.v30-remove-layer{color:#b72525;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:9px;font-weight:800;text-decoration:underline}.v27-quick.v30-no-centre{grid-template-columns:repeat(5,1fr)}.v27-hat-stage .art-preview[data-layer]{pointer-events:auto!important}.v27-remove-bg{box-shadow:0 3px 10px #00000014;background:#fff6bf!important;border:2px solid #ffd400!important;border-radius:10px!important;margin-top:9px!important;padding:10px 11px!important}.v27-remove-bg:before{content:"IMPORTANT";color:#ffd400;letter-spacing:.5px;background:#082331;border-radius:999px;margin-bottom:6px;padding:3px 8px;font-size:8px;font-weight:950;display:inline-block}.v27-remove-bg strong{color:#102631;font-size:11px!important}.v27-remove-bg .bg-choice{gap:7px!important;margin-top:7px!important}.v27-remove-bg .bg-choice button{border:1px solid #b7c6cc!important;padding:8px 14px!important;font-size:10px!important;font-weight:950!important}.v27-remove-bg .bg-choice button.on{box-shadow:0 0 0 3px #ffd40059;color:#fff!important;background:#082331!important;border-color:#082331!important}.v30-page-actions{justify-content:space-between;gap:10px;margin-top:7px;display:flex}.v30-page-actions .btn{min-width:150px}.v30-next{color:#10202a;background:#ffd400;border:0}.v32-guides{background:#f7fafb;border:1px solid #d6e1e5;border-radius:9px;flex-wrap:wrap;gap:7px;padding:8px 9px;display:flex}.v32-guide-title{text-transform:uppercase;letter-spacing:.35px;color:#536770;width:100%;font-size:9px;font-weight:950}.v32-guide-link{color:#082331;cursor:pointer;background:#fff;border:1px solid #b9c9cf;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:900;text-decoration:none;display:inline-flex}.v32-guide-link:hover{border-color:#ffd400;box-shadow:0 0 0 2px #ffd4002e}.v32-guide-note{color:#6c7d84;width:100%;font-size:8.5px;line-height:1.3}.v32-notes{background:#fff;border:1px solid #d6e1e5;border-radius:9px;padding:8px 9px}.v32-notes label{color:#102631;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:10px;font-weight:950;display:flex}.v32-notes label span{color:#7a8a91;font-size:8.5px;font-weight:600}.v32-notes textarea{resize:vertical;width:100%;min-height:58px;max-height:100px;font:inherit;box-sizing:border-box;border:1px solid #c8d5da;border-radius:7px;padding:7px 8px;font-size:10px;line-height:1.35}.v32-notes textarea:focus{border-color:#d6b900;outline:2px solid #ffd400a6}.v27-hat-stage .art-preview[data-layer]{opacity:1!important;visibility:visible!important}.v27-hat-stage .art-preview[data-layer].active-layer{outline-offset:3px;border-radius:4px;outline:2px dashed #ffd400d1}.v30-layer-note.v33-visible-note{color:#31525f;background:#eef8fb;border:1px solid #c9e6ef;border-radius:7px;padding:6px 8px}
.wizard-error{color:#ffd6d6;background:#3a1414;border:1px solid #6e2323;border-radius:7px;margin-top:10px;padding:9px 12px;font-size:12px;line-height:1.4}[data-step="1"] #start{margin-top:14px}.v32-notes-hint{color:#7a8a91;margin-top:5px;font-size:9px;line-height:1.3}.art-preview .txt{text-shadow:none}.curve-svg text{stroke:none}.v27-tools .toggle{flex-shrink:0}.patch-type-group-label{text-transform:uppercase;letter-spacing:.3px;color:#52656f;margin-bottom:4px;font-size:10px;font-weight:900}.patch-type-divider{background:#e6dca0;height:1px;margin:10px 0}.preview-modal.verify-modal .preview-dialog{width:min(480px,92vw);height:auto;max-height:90vh}.preview-dialog .details-card,.preview-dialog .code-card{border:0;border-radius:0;max-width:none;min-height:0;margin:0;padding:20px 26px;overflow-y:auto}.preview-dialog .details-actions{justify-content:flex-end}.v27-hat-stage{cursor:default;-webkit-user-select:none;user-select:none}.v27-hat-stage img{-webkit-user-drag:none}.upload-file-name{justify-content:space-between;align-items:baseline;gap:8px;margin-top:5px;font-size:10px;line-height:1.3;display:flex}.upload-file-label{color:#33454d;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.upload-file-state{text-transform:uppercase;letter-spacing:.3px;flex:none;font-size:9px;font-weight:900}.upload-file-name.is-busy .upload-file-state{color:#7a8a91}.upload-file-name.is-ok .upload-file-state{color:#06784d}.upload-file-name.is-bad{display:block}.success-home-hint{color:#7a8a91;margin:8px 0 0;font-size:11px}.upload-file-name.is-bad .upload-file-state{text-transform:none;letter-spacing:0;color:#c0392b;white-space:normal;margin-top:2px;font-size:10px;font-weight:700;display:block}.viewer-empty{text-align:center;max-width:320px}.viewer-empty-actions{margin-top:10px!important}.thumb-empty{text-align:center;color:#7a8a91;justify-content:center;align-items:center;height:100%;font-size:9px;display:flex}.btn[disabled],.loc-option[disabled]{opacity:.5;cursor:not-allowed}.loc-option[disabled]:hover{background:#fff;border-color:#dbe3e7}.field input:disabled{color:#7a8a91;cursor:not-allowed;background:#f3f6f7}