:root{color:#312e27;background:#faf6ef;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#faf6ef;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.site-shell{min-height:100vh;background:#faf6ef}.topbar{height:78px;padding:0 4.7vw;border-bottom:1px solid #e7dfd3;background:#fffcf7eb;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand-mark{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;color:#f8f4e9;background:#587344;transform:rotate(-8deg)}.brand-mark svg{font-size:17px;transform:rotate(8deg)}.brand-name{font-family:Songti SC,STSong,serif;font-size:20px;letter-spacing:.08em;font-weight:600}.brand-note{color:#9b9285;font-size:12px;letter-spacing:.08em;border-left:1px solid #ddd3c2;padding-left:10px}.steps{display:flex;align-items:center;gap:24px;color:#a59b8c;font-size:13px;white-space:nowrap}.step{display:flex;align-items:center;gap:7px;position:relative}.step:not(:last-child):after{content:"";position:absolute;left:calc(100% + 7px);width:10px;height:1px;background:#ddd4c5}.step-index{width:21px;height:21px;border-radius:50%;background:#ece5d9;display:grid;place-items:center;font-size:11px}.step-index svg{font-size:21px}.step.is-current,.step.is-done{color:#557141;font-weight:600}.step.is-current .step-index{background:#557141;color:#fffdf7}.step.is-done .step-index{color:#6f944e;background:transparent}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:15px}.save-state{color:#a89e91;font-size:12px;display:flex;align-items:center;gap:4px}.save-state.is-saved{color:#6d8d4f}.staff-link,.staff-login{border:0;background:transparent;color:#5f6d4d;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.staff-link:hover{color:#385328}.studio-layout{max-width:1480px;min-height:calc(100vh - 78px);margin:auto;display:grid;grid-template-columns:220px minmax(400px,1fr) 370px}.bottle-rail{padding:40px 27px 28px 4.7vw;border-right:1px solid #ebe4d9;background:#fcf9f3}.section-label{display:flex;gap:10px;align-items:flex-start;margin-bottom:22px}.section-label>span{color:#8ba060;font-size:12px;padding-top:2px}.section-label strong{display:block;font-size:15px}.section-label small{display:block;font-size:11px;color:#a79c8d;margin-top:4px}.bottle-choices{display:grid;gap:10px}.bottle-choice{min-height:91px;background:#fffdf9;border:1px solid #e9e0d2;border-radius:15px;padding:8px;display:grid;grid-template-columns:55px 1fr;align-items:center;text-align:left;position:relative;transition:.2s ease}.bottle-choice:hover{border-color:#aabb85;transform:translateY(-1px)}.bottle-choice.is-selected{border-color:#789353;background:#f5f8ec;box-shadow:0 7px 17px #536c3814}.bottle-art{height:72px;overflow:hidden;display:block;border-radius:10px;background:#f1eee8}.bottle-source{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.bottle-source.is-collection{object-position:75% 50%}.bottle-meta strong{display:block;color:#39362e;font-size:12px;margin-bottom:4px}.bottle-meta small{color:#978d7d;font-size:10px}.choice-check{color:#6e904d;position:absolute;right:8px;top:8px;font-size:17px}.measurement-note{margin-top:28px;border-top:1px dashed #ddd2c2;padding-top:15px;color:#9b9285;font-size:10px;line-height:1.7;display:flex;gap:7px}.measurement-note svg{font-size:14px;color:#839661;margin-top:2px}.preview-stage{padding:37px clamp(26px,3.8vw,66px) 22px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.preview-stage-header{display:flex;align-items:flex-end;justify-content:space-between}.eyebrow{color:#849662;letter-spacing:.12em;font-size:11px;font-weight:600;margin:0 0 6px}.preview-stage h1,.staff-header h1,.confirmation-card h1{margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(24px,2.2vw,30px);font-weight:600;letter-spacing:.04em}.capacity-chip{padding:6px 9px;color:#70894e;border:1px solid #d6e0c2;border-radius:99px;background:#fbfdf6;font-size:11px}.product-preview{margin-top:21px;min-height:0;height:min(65vh,630px);border:1px solid #e6dece;background:#f4ede2;border-radius:25px;overflow:hidden;position:relative;box-shadow:0 16px 32px #4a3c2412}.product-preview>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 51%;transition:filter .45s ease,transform .45s ease}.product-preview.demo-tone-1>img{filter:saturate(1.15) brightness(1.035) hue-rotate(7deg);transform:scale(1.012)}.product-preview.demo-tone-2>img{filter:saturate(.82) brightness(1.06) sepia(.11);transform:scale(1.012)}.generating-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fdf9f1db;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#526d3c;text-align:center}.generating-overlay svg{font-size:38px}.generating-overlay strong{font-size:17px}.generating-overlay span{color:#7d856f;font-size:12px}.preview-caption{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:center;padding:13px;font-size:11px;color:#837968}.preview-caption svg{color:#cf875f}.caption-dot{color:#c6bbaa}.assistant-panel{border-left:1px solid #e6ded2;background:#fffdf8;padding:39px 34px 30px;min-width:0;overflow:auto}.assistant-title{display:flex;align-items:center;gap:10px}.assistant-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;color:#fffdf7;background:#748e51}.assistant-title strong,.assistant-title small{display:block}.assistant-title strong{font-size:16px}.assistant-title small{color:#9d9385;font-size:11px;margin-top:3px}.assistant-message{margin:22px 0 12px;padding:12px 14px;color:#5a594f;background:#f2f5eb;border-radius:4px 14px 14px;line-height:1.65;font-size:13px}.photo-upload{border:1px solid #e5dece;background:#fffdf9;width:100%;border-radius:13px;padding:8px;display:flex;align-items:center;gap:10px;text-align:left;transition:.2s ease}.photo-upload:hover{border-color:#aabc88}.photo-upload img{width:49px;height:49px;border-radius:9px;object-fit:cover}.photo-upload span{min-width:0;flex:1}.photo-upload strong,.photo-upload small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-upload strong{color:#49463d;font-size:12px}.photo-upload small{margin-top:4px;color:#99a287;font-size:10px}.photo-upload>svg{color:#6f904d;font-size:19px}.field-label{display:block;font-size:12px;color:#5d594d;margin:20px 0 8px;font-weight:600}.assistant-panel textarea,.phone-card input,.login-dialog input{width:100%;background:#fdfbf7;border:1px solid #e4dccf;border-radius:11px;outline:0;color:#39362f;transition:.2s ease}.assistant-panel textarea:focus,.phone-card input:focus,.login-dialog input:focus{border-color:#7e9a5c;box-shadow:0 0 0 3px #7895591f}.assistant-panel textarea{min-height:117px;resize:vertical;padding:12px;font-size:13px;line-height:1.6}.input-tip{margin:6px 0 16px;color:#aaa092;font-size:10px}.primary-button,.secondary-button,.outline-button{min-height:45px;width:100%;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:13px;transition:.2s ease}.primary-button{border:1px solid #c97256;background:#d77f61;color:#fffdf8;box-shadow:0 7px 13px #cb6d5129}.primary-button:hover:not(:disabled){background:#c96e51;transform:translateY(-1px)}.primary-button svg{font-size:17px}.secondary-button{margin-top:10px;border:1px solid #d6dfc4;background:#fbfdf7;color:#647d46}.secondary-button:hover{border-color:#91a76e;background:#f3f8e9}.secondary-button svg:last-child{margin-left:auto}.inline-message{color:#6e8650;font-size:11px;margin:10px 2px 0;line-height:1.5}.phone-card{margin-top:17px;padding-top:16px;border-top:1px dashed #dfd6c8}.phone-card>div{display:flex;align-items:center;gap:8px;margin-bottom:10px}.phone-card>div>svg{color:#d07658;font-size:20px}.phone-card strong,.phone-card small{display:block}.phone-card strong{font-size:12px}.phone-card small{color:#9f9688;font-size:10px;margin-top:2px}.phone-card input{height:42px;padding:0 12px;font-size:13px;margin-bottom:10px}.field-error{color:#bf5c48;font-size:11px;margin:-3px 0 8px}.confirmation-shell{display:flex;flex-direction:column}.confirmation-shell .topbar{grid-template-columns:1fr}.confirmation-card{width:min(100% - 40px,570px);margin:auto;padding:54px 52px;border:1px solid #e5ded0;background:#fffdfa;border-radius:24px;text-align:center;box-shadow:0 18px 38px #4136240f}.confirmation-icon{color:#77954f;font-size:52px}.confirmation-card .eyebrow{margin-top:16px}.confirmation-card h1{font-size:28px}.confirmation-card>p:not(.eyebrow){color:#857b6d;line-height:1.75;font-size:14px}.order-number{display:flex;flex-direction:column;gap:5px;padding:15px;border-radius:13px;background:#f4f6ed;margin:24px 0}.order-number span{color:#8c9781;font-size:11px}.order-number strong{color:#51683b;letter-spacing:.06em;font-size:17px}.staff-shell{min-height:100vh;display:grid;grid-template-columns:224px 1fr;background:#f8f5ef}.staff-sidebar{background:#354430;color:#eef2e7;padding:28px 18px;display:flex;flex-direction:column}.staff-sidebar .brand{padding:0 8px}.staff-sidebar .brand-mark{background:#c5db8d;color:#3d512e}.staff-sidebar .brand-name{font-size:18px}.staff-sidebar nav{margin-top:47px;display:grid;gap:7px}.staff-sidebar nav button{color:#d1d8ca;border:0;background:transparent;padding:12px 11px;display:flex;gap:10px;align-items:center;border-radius:10px;text-align:left;font-size:13px}.staff-sidebar nav button:hover,.staff-sidebar nav button.is-active{color:#fff;background:#f3f9e621}.staff-sidebar nav svg{font-size:19px}.sidebar-user{margin-top:auto;display:flex;align-items:center;gap:8px;color:#c7d1bf;font-size:11px;padding:11px 8px;border-top:1px solid rgba(255,255,255,.15)}.sidebar-user svg{font-size:21px}.staff-main{padding:38px clamp(22px,4vw,62px);min-width:0}.staff-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.staff-header h1{font-size:30px}.sync-state{color:#938a7d;font-size:12px;margin:7px 0 0}.staff-login{background:#fffdf8;padding:10px 13px;border:1px solid #e1d9cc;border-radius:10px}.staff-login:hover{border-color:#99ae78}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:31px 0 25px}.stat-grid article{min-width:0;border:1px solid #e6ded2;background:#fffdf9;border-radius:15px;padding:17px;display:flex;align-items:center;gap:12px}.stat-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;font-size:21px}.stat-icon.green{background:#eaf1df;color:#668148}.stat-icon.coral{background:#f9e8e0;color:#c96e51}.stat-icon.olive{background:#efeedc;color:#8a8e4d}.stat-icon.dark{background:#ebe9e1;color:#5e6155}.stat-grid strong,.stat-grid small{display:block}.stat-grid strong{font-size:22px}.stat-grid small{color:#938a7c;margin-top:2px;font-size:11px}.staff-content{display:grid;grid-template-columns:minmax(0,1fr) 337px;gap:20px}.order-list-card,.order-detail{border:1px solid #e5ddd1;background:#fffdf9;border-radius:17px;min-width:0}.card-heading{padding:20px 22px 16px;display:flex;justify-content:space-between;gap:13px;align-items:flex-start}.card-heading h2,.order-detail h2{margin:0;font-size:17px}.card-heading p{margin:4px 0 0;color:#9b9183;font-size:11px}.filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.filters button{color:#8a8173;border:0;background:#f4f1ea;padding:5px 8px;border-radius:99px;font-size:10px}.filters button.is-active{color:#5d783f;background:#eaf2dc}.order-table{border-top:1px solid #eee7dc}.table-row{display:grid;grid-template-columns:minmax(130px,1.45fr) minmax(120px,1fr) minmax(75px,.62fr) 66px;gap:12px;text-align:left;align-items:center;width:100%;padding:14px 22px;border:0;border-bottom:1px solid #f0eae0;background:transparent;color:#4e4b42;font-size:11px}.table-data:hover,.table-data.is-selected{background:#f6f9f0}.table-data span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-data strong,.table-data small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-data strong{color:#4a473e;font-size:12px}.table-data small{color:#9b9184;margin-top:4px;font-size:10px}.table-head{color:#a09789;padding-top:10px;padding-bottom:10px;font-size:10px}.status-pill{font-style:normal;display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;min-width:50px;border-radius:99px;font-size:10px;white-space:nowrap}.status-new{color:#b8644c;background:#faeae4}.status-seen{color:#6b7c4b;background:#edf3e3}.status-made{color:#696c62;background:#ebece7}.order-detail{padding:21px}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.detail-heading h2{font-size:14px;letter-spacing:.025em}.detail-preview{height:186px;border-radius:12px;overflow:hidden;margin:18px 0;background:#f2ece2}.detail-preview img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.order-detail dl{margin:0;display:grid;gap:13px}.order-detail dl>div{padding-bottom:11px;border-bottom:1px solid #f0e9de}.order-detail dt{color:#9b9183;font-size:10px;margin-bottom:5px}.order-detail dd{margin:0;color:#514d44;line-height:1.55;font-size:12px}.detail-actions{margin-top:18px;display:grid;gap:9px}.outline-button{border:1px solid #d8e2c6;background:#fffdf9;color:#627d45}.empty-state{color:#998f81;min-height:300px;display:grid;place-items:center;font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#2c312675;display:grid;place-items:center;padding:18px}.login-dialog{width:min(100%,370px);padding:31px;border-radius:18px;background:#fffdf9;position:relative;box-shadow:0 24px 55px #00000030}.modal-close{position:absolute;right:15px;top:15px;border:0;background:transparent;color:#938a7d}.login-icon{color:#628042;font-size:29px}.login-dialog h2{margin:10px 0 5px;font-family:Songti SC,STSong,serif}.login-dialog>p{color:#958b7c;margin:0 0 20px;font-size:12px;line-height:1.6}.login-dialog label{display:block;color:#685f52;margin:12px 0;font-size:12px}.login-dialog input{height:42px;margin-top:6px;padding:0 11px}.login-dialog .primary-button{margin-top:6px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.topbar{padding-inline:26px}.studio-layout{grid-template-columns:187px minmax(360px,1fr) 330px}.bottle-rail{padding-left:24px;padding-right:20px}.assistant-panel{padding-inline:24px}.staff-content{grid-template-columns:minmax(0,1fr) 298px}.table-row{padding-inline:15px;gap:8px}}@media(max-width:860px){.topbar{height:auto;min-height:70px;padding:15px 20px;grid-template-columns:1fr auto}.steps{order:3;grid-column:1 / -1;justify-content:center;padding-top:4px}.topbar-actions .save-state{display:none}.studio-layout{display:flex;flex-direction:column}.bottle-rail{order:2;padding:22px 20px;border-right:0;border-top:1px solid #e8e0d3}.section-label{margin-bottom:13px}.bottle-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.bottle-choice{min-height:76px;grid-template-columns:44px 1fr}.bottle-art{height:60px}.measurement-note{display:none}.preview-stage{order:1;padding:27px 20px 10px}.product-preview{height:min(70vh,560px)}.assistant-panel{order:3;border-left:0;border-top:1px solid #e8e0d3;padding:27px 20px 32px}.staff-shell{grid-template-columns:1fr}.staff-sidebar{padding:15px 20px;flex-direction:row;align-items:center;justify-content:space-between}.staff-sidebar nav{display:flex;margin:0}.staff-sidebar nav button{padding:8px;font-size:0}.staff-sidebar nav svg{font-size:20px}.sidebar-user{display:none}.staff-main{padding:26px 20px}.stat-grid{grid-template-columns:repeat(2,1fr)}.staff-content{grid-template-columns:1fr}.order-detail{display:grid;grid-template-columns:1fr 170px;gap:16px}.detail-heading{grid-column:1 / -1}.detail-preview{margin:0;height:170px}.order-detail dl{align-content:start}.detail-actions{grid-column:1 / -1;grid-template-columns:1fr 1fr}}@media(max-width:560px){.brand-note,.staff-link{display:none}.brand-name{font-size:18px}.topbar{padding:13px 15px}.steps{gap:12px;font-size:11px}.step:not(:last-child):after{width:4px;left:calc(100% + 4px)}.step-index{width:18px;height:18px;font-size:10px}.step-index svg{font-size:18px}.bottle-rail{padding:18px 15px}.bottle-choice{border-radius:11px;padding:5px;grid-template-columns:34px 1fr}.bottle-art{height:50px}.bottle-meta strong{font-size:10px}.bottle-meta small{display:none}.choice-check{right:4px;top:4px;font-size:14px}.preview-stage{padding:21px 15px 8px}.preview-stage h1{font-size:23px}.product-preview{height:370px;border-radius:18px;margin-top:15px}.preview-caption{padding:10px 3px}.assistant-panel{padding:23px 15px 30px}.confirmation-card{width:calc(100% - 28px);padding:39px 21px}.confirmation-card h1{font-size:24px}.staff-header{align-items:flex-start}.staff-header h1{font-size:25px}.staff-login{padding:8px;font-size:0}.staff-login svg{font-size:20px}.stat-grid{gap:9px;margin:22px 0 17px}.stat-grid article{padding:12px;gap:9px}.stat-icon{width:34px;height:34px;font-size:18px}.stat-grid strong{font-size:19px}.stat-grid small{font-size:10px}.card-heading{padding:16px 15px 12px;display:block}.filters{justify-content:flex-start;margin-top:12px}.table-row{grid-template-columns:minmax(125px,1fr) 65px;padding:12px 15px}.table-row>span:nth-child(2),.table-row>span:nth-child(3){display:none}.table-head{display:none}.order-detail{padding:16px;display:block;margin-top:5px}.detail-preview{height:210px;margin:14px 0}.detail-actions{display:grid;grid-template-columns:1fr}.staff-sidebar{padding:12px 15px}.login-dialog{padding:27px 21px}}
