.personal-page{--personal-line:#d8cbb9;--personal-accent:#7e5b3c;background:#faf7f1;color:#27241f;padding:68px max(24px,5vw) 80px}.personal-intro{max-width:780px;text-align:center;margin:0 auto 46px}.personal-intro h1{font:clamp(46px,5.2vw,76px)/1.06 var(--serif,Georgia,serif);letter-spacing:-.045em;margin:20px 0}.personal-intro>p:not(.eyebrow){max-width:560px;margin:24px auto;font-size:16px;line-height:1.7;color:#6b6258}.personal-delivery{font-size:12px;color:#7e5b3c;display:block}.personal-tabs{display:flex;gap:12px;align-items:center;margin:0 auto 20px;max-width:1200px;flex-wrap:wrap}.personal-tabs>[role=group]{display:flex;gap:8px;flex-wrap:wrap}.personal-tabs button,.personal-small{background:none;border:1px solid var(--personal-line);padding:10px 15px;color:inherit;font:inherit;font-size:12px;cursor:pointer}.personal-tabs button[aria-pressed=true]{background:#27241f;color:#fff;border-color:#27241f}.personal-small:disabled{opacity:.4;cursor:default}.personal-layout{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}.personal-step{border-top:1px solid var(--personal-line);padding:28px 0}.personal-step>.eyebrow{color:var(--personal-accent);margin-bottom:18px}.personal-pick{display:flex;width:100%;align-items:center;justify-content:space-between;border:1px solid var(--personal-line);padding:22px;background:#fffdfa;color:inherit;text-align:left;cursor:pointer;font:24px var(--serif,Georgia,serif)}.personal-upload{display:flex;position:relative;min-height:138px;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#f0eae0;border:1px dashed #b7a48a;cursor:pointer;overflow:hidden;margin-bottom:12px}.personal-upload>span{font-size:26px;color:var(--personal-accent)}.personal-upload strong{font-size:14px;font-weight:500}.personal-upload small{font-size:11px;color:#736a5f}.personal-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.personal-upload:focus-within{outline:2px solid #7e5b3c;outline-offset:3px}.personal-file-name{font-size:11px;overflow-wrap:anywhere}.personal-summary-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:20px}.personal-approval{display:flex;align-items:start;gap:10px;font-size:12px;line-height:1.6;margin:18px 0}.personal-approval input{margin-top:4px;accent-color:#7e5b3c;width:17px;height:17px;flex-shrink:0}.personal-summary .button{width:100%;justify-content:space-between}.personal-fine{font-size:11px;color:#746a5d;line-height:1.6;margin-top:16px}.personal-preview{position:sticky;top:150px;background:#e8ded1;padding:24px;min-width:0}.personal-preview-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.personal-preview-head p{margin:0}.personal-preview-head>span{font-size:8px;letter-spacing:.12em}.personal-stage{height:480px;position:relative;background:radial-gradient(ellipse at 45% 35%,#ffffff75,transparent 65%)}.personal-stage>canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.personal-stage>canvas:active{cursor:grabbing}.personal-rotate-help{font-size:10px;text-align:center;color:#6b6258;margin:10px auto 18px}.personal-view-controls{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.personal-view-controls button{background:#fff8;border:1px solid #b9ac9970;padding:7px 13px;font-size:11px;cursor:pointer}.personal-view-controls label{display:flex;gap:6px;align-items:center;font-size:10px;margin-left:8px}.personal-view-controls input{width:25px;height:24px;padding:0;border:0;background:none}.personal-saved{border-top:1px solid #b9ac9970;margin-top:22px;padding-top:18px;display:flex;align-items:center;gap:16px}.personal-saved[hidden]{display:none}.personal-saved>img{width:70px;height:70px;object-fit:contain}.personal-saved strong{font:19px var(--serif,Georgia,serif);display:block;margin-bottom:8px}.personal-saved .personal-small{padding:0;border:0;text-decoration:underline;text-underline-offset:4px}.personal-bottom{text-align:center;max-width:620px;margin:84px auto 0}.personal-bottom h2{font:40px/1.15 var(--serif,Georgia,serif);margin:18px}.personal-bottom>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#6b6258}.personal-bottom>a{display:inline-block;margin-top:16px}.personal-dialog{padding:26px;border:1px solid #d8cbb9;background:#faf7f1;color:#27241f;width:min(860px,94vw);max-height:90dvh;overflow:auto}.personal-dialog::backdrop{background:#211c16a8;backdrop-filter:blur(5px)}.personal-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.personal-dialog-head h2{font:30px var(--serif,Georgia,serif);margin:0}.personal-dialog-head>button{background:none;border:0;font-size:30px;cursor:pointer;color:inherit;padding:0 4px}.personal-search input{width:100%;background:#fff;border:1px solid #d8cbb9;padding:14px;font:inherit;font-size:14px}.personal-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.personal-filters button{border:1px solid #d8cbb9;padding:9px 15px;background:none;color:inherit;cursor:pointer;font-size:12px}.personal-filters button[aria-pressed=true]{background:#27241f;color:#fff;border-color:#27241f}.personal-scent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.personal-scent{background:#fffdf8;border:1px solid #e5dccf;padding:12px;text-align:left;cursor:pointer;color:inherit;display:flex;flex-direction:column;gap:8px;min-width:0}.personal-scent img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.personal-scent strong{font:20px var(--serif,Georgia,serif)}.personal-scent .inspiration{font-size:10px;margin:0}.personal-scent>span{font-size:12px}.personal-scent:disabled{opacity:.45;cursor:default}.personal-scent[hidden]{display:none}.personal-editor{width:min(1000px,96vw)}.personal-editor-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:25px}.personal-editor-art canvas{display:block;width:100%;height:auto;aspect-ratio:1;touch-action:none;cursor:move;box-shadow:0 8px 30px #30271a15}.personal-editor-art small{display:block;text-align:center;margin:14px 0;color:#746a5d;font-size:11px}.personal-editor-tools{display:flex;flex-direction:column;gap:14px}.personal-editor-tools label{display:flex;flex-direction:column;gap:6px;font-size:11px}.personal-editor-tools input[type=text],.personal-editor-tools select{width:100%;padding:9px;background:#fff;border:1px solid #d8cbb9;color:inherit;font:inherit;font-size:14px}.personal-editor-tools input[type=range]{width:100%;accent-color:#7e5b3c}.personal-tool-row{display:flex;gap:7px}.personal-tool-row button{flex:1;background:none;border:1px solid #d8cbb9;padding:9px;font:inherit;font-size:11px;color:inherit;cursor:pointer}.personal-editor-tools .button{min-height:48px}.personal-editor-tools p{font-size:12px}.personal-flat{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.personal-flat[hidden]{display:none}.personal-flat-cap{width:94px;height:94px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#666,#151515 55%,#080808);margin-bottom:-3px;z-index:1}.personal-flat-body{background:linear-gradient(90deg,#101010,#383838 25%,#252525 75%,#080808);width:180px;height:260px;border-radius:28px 28px 18px 18px;box-shadow:12px 24px 26px #30271a30;display:grid;place-items:center}.personal-flat-body img{width:160px;height:185px;object-fit:fill;border-radius:3px}button:disabled{cursor:default}.personal-page [hidden]{display:none!important}@media(max-width:760px){.personal-page{padding:40px 20px 60px}.personal-intro{margin-bottom:32px}.personal-intro h1{font-size:48px}.personal-intro>p:not(.eyebrow){font-size:14px}.personal-layout{grid-template-columns:1fr;gap:20px}.personal-preview{position:static;padding:18px;grid-row:1}.personal-stage{height:340px}.personal-preview-head>span{font-size:7px}.personal-step{padding:22px 0}.personal-scent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.personal-dialog{padding:18px}.personal-editor-layout{grid-template-columns:1fr;gap:16px}.personal-editor-art{max-width:420px;margin:auto}.personal-editor-tools{display:grid;grid-template-columns:1fr 1fr;gap:14px}.personal-editor-tools>.button,.personal-editor-tools>p{grid-column:1/-1}.personal-editor .personal-dialog-head{position:sticky;top:-18px;background:#faf7f1;padding-top:10px;z-index:2}.personal-tabs{gap:8px}.personal-tabs button{padding:8px 12px}.personal-bottom{margin-top:50px}}@media(prefers-reduced-motion:no-preference){.personal-scent,.personal-pick{transition:border-color .2s,box-shadow .2s}.personal-scent:not(:disabled):hover,.personal-pick:hover{border-color:#9a7c55;box-shadow:0 4px 20px #30271a0c}}