.demo-page{color:#26361f;background:#f3f0dc;min-height:100vh}.demo-ribbon{z-index:20;color:#fff;text-align:center;letter-spacing:.1em;background:#26361f;width:210px;padding:9px;font-size:.72rem;font-weight:900;position:fixed;top:92px;right:-48px;transform:rotate(45deg);box-shadow:0 5px 16px #0003}.demo-welcome,.demo-status{text-align:center;place-items:center;max-width:900px;margin:0 auto;padding:100px 24px;display:grid}.demo-welcome h1,.demo-status h1{color:#26361f;max-width:760px;margin:18px 0;font:500 clamp(2.6rem,6vw,5.2rem)/.98 Georgia,serif}.demo-welcome p,.demo-status p{color:#55614f;max-width:680px;margin:0 0 28px;font-size:1.05rem;line-height:1.7}.demo-welcome button,.demo-status button,.demo-status a,.demo-card footer button,.demo-complete{color:#fff;cursor:pointer;background:#26361f;border:0;border-radius:12px;min-height:50px;padding:13px 22px;font-weight:900}.demo-welcome small{color:#6d765f;margin-top:14px}.demo-badge,.demo-status>span,.demo-public>div>span{color:#26361f;letter-spacing:.08em;background:#dfe3bd;border-radius:99px;padding:8px 12px;font-size:.72rem;font-weight:900}.demo-shell{max-width:1160px;margin:0 auto;padding:46px 22px 90px}.demo-shell>header{text-align:center}.demo-shell>header p{color:#747a42;letter-spacing:.1em;margin:0;font-weight:900}.demo-shell>header h1{color:#26361f;margin:8px 0;font:500 clamp(2.4rem,5vw,4.4rem) Georgia,serif}.demo-shell>header span{color:#66705e}.demo-steps{grid-template-columns:repeat(8,1fr);gap:7px;margin:34px 0 18px;padding:0;list-style:none;display:grid}.demo-steps button{color:#777f70;cursor:pointer;background:0 0;border:0;justify-items:center;gap:7px;width:100%;padding:10px 4px;display:grid}.demo-steps b{background:#fff;border:1px solid #bfc5ab;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.demo-steps .active b,.demo-steps .done b{color:#fff;background:#26361f;border-color:#26361f}.demo-steps span{font-size:.72rem;font-weight:800}.demo-card{background:#fffef7;border:1px solid #d2d5bd;border-radius:22px;padding:34px;box-shadow:0 18px 50px #26361f14}.demo-card h2{color:#26361f;margin:0 0 8px;font:500 2rem Georgia,serif}.demo-card section>p{color:#687060}.demo-fields{grid-template-columns:1fr 1fr;gap:18px;margin-top:25px;display:grid}.demo-fields label{color:#344729;gap:8px;font-size:.83rem;font-weight:900;display:grid}.demo-fields .wide{grid-column:1/-1}.demo-fields input,.demo-fields select,.demo-fields textarea{background:#fff;border:1px solid #c8ceba;border-radius:11px;width:100%;min-height:50px;padding:12px 14px}.demo-fields textarea{resize:vertical;min-height:110px}.demo-fields small{color:#737b6e;font-weight:500}.demo-card footer{border-top:1px solid #dedfce;justify-content:space-between;gap:12px;margin-top:32px;padding-top:24px;display:flex}.demo-card footer .secondary{color:#344729;background:0 0;border:1px solid #aeb69c}.demo-payment{background:#eef0d8;border:2px solid #344729;border-radius:18px;gap:16px;padding:28px;display:grid}.demo-payment b{font-size:1.08rem;line-height:1.6}.demo-payment p{color:#5c6656;margin:0}.demo-payment button{color:#fff;background:#26361f;border:0;border-radius:10px;justify-self:start;padding:14px 20px;font-weight:900}.demo-payment span{color:#226135;font-weight:900}.demo-file-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.demo-file-list span{background:#eef0d8;border-radius:8px;padding:8px 10px;font-size:.75rem;font-weight:800}.demo-review{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.demo-review div{background:#faf9ef;border:1px solid #d6dac7;border-radius:12px;gap:5px;padding:16px;display:grid}.demo-review span{color:#687060}.demo-spinner{color:#fff;background:#26361f;border-radius:50%;place-items:center;width:74px;height:74px;margin:22px 0 4px;font-size:2rem;display:grid}.demo-public{grid-template-columns:1.2fr .8fr;gap:26px;max-width:1180px;margin:0 auto;padding:56px 22px 90px;display:grid}.demo-public>div,.demo-public>aside{background:#fffef7;border:1px solid #d2d5bd;border-radius:22px;padding:30px}.demo-photo{color:#566149;background:#dfe3bd;border-radius:16px;place-items:center;min-height:280px;margin:18px 0;font-weight:800;display:grid}.demo-public h1{color:#26361f;margin:14px 0;font:500 2.8rem Georgia,serif}.demo-public dl{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.demo-public dl div{background:#f0f1df;border-radius:10px;padding:13px}.demo-public dt{text-transform:uppercase;font-size:.7rem;font-weight:900}.demo-public dd{margin:5px 0 0}.demo-number-grid{grid-template-columns:repeat(6,1fr);gap:7px;max-height:410px;margin:20px 0;display:grid;overflow:auto}.demo-number-grid button{color:#344729;cursor:pointer;background:#fff;border:1px solid #bdc4ad;border-radius:7px;padding:9px 3px}.demo-number-grid button.selected{color:#fff;background:#26361f}.demo-public aside>strong{margin:14px 0;display:block}.demo-complete{width:100%}.demo-complete:disabled{opacity:.45}.demo-success>div:last-child{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.demo-success>div:last-child a:last-child{color:#344729;background:0 0;border:1px solid #344729}@media (width<=820px){.demo-ribbon{top:80px}.demo-steps{grid-template-columns:repeat(4,1fr)}.demo-public,.demo-public dl{grid-template-columns:1fr}.demo-number-grid{grid-template-columns:repeat(5,1fr)}}.demo-photo{text-align:center;overflow:hidden}.demo-photo img{object-fit:cover;width:100%;height:100%;min-height:280px;max-height:430px}.demo-photo b,.demo-photo small{padding:8px;display:block}.demo-upload-preview{background:#eef0d8;border:1px solid #c8ceba;border-radius:14px;grid-column:1/-1;overflow:hidden}.demo-upload-preview img{object-fit:cover;width:100%;max-height:360px;display:block}.demo-upload-preview span{color:#344729;padding:11px 14px;font-size:.78rem;font-weight:900;display:block}.demo-management{max-width:1180px;margin:0 auto;padding:54px 22px 90px}.demo-management>header{max-width:900px}.demo-management>header>span,.demo-label{color:#747a42;letter-spacing:.1em;font-size:.72rem;font-weight:900}.demo-management>header h1{color:#26361f;margin:10px 0;font:500 clamp(2.5rem,5vw,4.4rem) Georgia,serif}.demo-management>header p{color:#5c6756;line-height:1.65}.demo-management-grid{grid-template-columns:.9fr 1.1fr;gap:24px;margin-top:28px;display:grid}.demo-management-grid>article,.demo-management-grid>aside{background:#fffef7;border:1px solid #d2d5bd;border-radius:22px;padding:30px;box-shadow:0 18px 50px #26361f10}.demo-management-grid h2{color:#26361f;font:500 2rem Georgia,serif}.demo-management-grid dl{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.demo-management-grid dl div{background:#eef0d8;border-radius:10px;padding:13px}.demo-management-grid dt{color:#626b59;text-transform:uppercase;font-size:.68rem;font-weight:900}.demo-management-grid dd{overflow-wrap:anywhere;margin:5px 0 0;font-weight:900}.demo-danger,.demo-primary,.demo-draw>button,.demo-winner>button,.demo-restart{color:#fff;cursor:pointer;background:#26361f;border:0;border-radius:10px;min-height:49px;padding:0 19px;font-weight:900}.demo-danger{background:#7d3c2f}.demo-restart{width:min(100%,320px);margin-top:16px}.demo-draw{text-align:center;align-content:center;place-items:center;min-height:440px;display:grid}.demo-draw>strong{color:#e4c744;background:#26361f;border:9px solid #eef0d8;border-radius:50%;place-items:center;width:180px;height:180px;margin:22px 0;font:600 4rem Georgia,serif;display:grid;box-shadow:0 0 0 7px #26361f18}.demo-draw-spinning>strong{animation:.18s ease-in-out infinite alternate demo-number-pulse}.demo-draw-stopping>strong{animation:.55s ease-in-out infinite alternate demo-number-pulse}.demo-slowing{font-weight:900}.demo-winner{width:100%}.demo-winner h3{color:#26361f;font:500 1.8rem Georgia,serif}.demo-winner dl{text-align:left;grid-template-columns:1fr 1fr}.demo-proof-note{color:#6c735f;background:#f3f0dc;border-radius:9px;padding:12px;font-size:.78rem}.demo-winner>button{width:100%}@keyframes demo-number-pulse{to{transform:scale(1.06);box-shadow:0 0 0 12px #d8bc4038}}@media (width<=820px){.demo-management-grid,.demo-management-grid dl{grid-template-columns:1fr}}@media (width<=560px){.demo-shell{padding-inline:12px}.demo-card{padding:24px 16px}.demo-fields,.demo-review{grid-template-columns:1fr}.demo-fields .wide{grid-column:auto}.demo-steps span{font-size:.62rem}.demo-card footer{flex-direction:column-reverse;align-items:stretch}.demo-card footer button{width:100%}.demo-public,.demo-management{padding-inline:12px}.demo-public>div,.demo-public>aside,.demo-management-grid>article,.demo-management-grid>aside{padding:22px 16px}.demo-welcome,.demo-status{padding-top:72px}.demo-success>div:last-child{width:100%;display:grid}.demo-draw>strong{width:145px;height:145px;font-size:3.25rem}}.demo-page{background:#f3f0dc}.demo-card,.demo-public>div,.demo-public>aside,.demo-management-grid>article,.demo-management-grid>aside{background:#fffef7;border-color:#d2d5bd}.demo-danger{border:1px solid var(--ink-deep);color:var(--ink-deep);background:0 0}.demo-check{color:#596556;align-items:flex-start;gap:10px;margin-top:22px;font-size:.8rem;line-height:1.55;display:flex}.demo-check input{width:18px;height:18px;margin-top:2px}.demo-choice{border:1px solid #bcc7b8;border-radius:15px;margin-top:25px;padding:22px}.demo-choice h3{color:#30452a;margin:0 0 15px;font:600 1.35rem Georgia,serif}.demo-choice>div{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.demo-choice.three>div{grid-template-columns:repeat(3,1fr)}.demo-choice button{color:#3e4d3b;text-align:left;cursor:pointer;background:#fff;border:1px solid #d2d8cf;border-radius:13px;grid-template-columns:auto 1fr;gap:7px 10px;min-height:135px;padding:18px;display:grid}.demo-choice button.active{background:#eef3ed;border:2px solid #2f704e}.demo-choice button>span{color:#397759;grid-row:1/3;font-size:1.2rem}.demo-choice button>b{font-size:.8rem}.demo-choice button>small{color:#697268;grid-column:2;line-height:1.5}.demo-detail{background:#eef3ed;border-radius:12px;margin-top:16px;padding:18px}.demo-upload-gallery{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.demo-upload-gallery img{object-fit:cover;border-radius:10px;width:100%;height:130px}.demo-thumbs{gap:8px;display:flex;overflow:auto}.demo-thumbs button{background:0 0;border:2px solid #0000;border-radius:9px;padding:2px}.demo-thumbs button.active{border-color:#30452a}.demo-thumbs img{object-fit:cover;border-radius:6px;width:76px;height:62px}.demo-photo{cursor:pointer;border:0;width:100%;padding:0;position:relative}.demo-photo>span{color:#fff;background:#26361fe6;border-radius:8px;padding:7px 10px;font-size:.7rem;position:absolute;bottom:10px;right:10px}.demo-public aside>label{color:#344729;gap:6px;margin-top:12px;font-size:.78rem;font-weight:900;display:grid}.demo-public aside>label input{border:1px solid #bdc4ad;border-radius:8px;min-height:44px;padding:10px}.demo-lightbox{z-index:1000;background:#152315e8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.demo-lightbox img{border-radius:14px;max-width:min(1100px,96vw);max-height:88vh}.demo-lightbox button{color:#fff;background:0 0;border:0;font-size:3rem;position:absolute;top:20px;right:24px}.demo-notice{color:#725019;background:#fff0c8;border-radius:9px;padding:13px;font-weight:800}@media (width<=820px){.demo-choice>div,.demo-choice.three>div{grid-template-columns:1fr}.demo-upload-gallery{grid-template-columns:repeat(2,1fr)}}.demo-page{--demo-straw:#b7b965;--demo-straw-soft:#d4d596;background:var(--demo-straw)}.demo-card,.demo-public>div,.demo-public>aside,.demo-management-grid>article,.demo-management-grid>aside{border-color:var(--line);background:var(--white)}.demo-payment,.demo-file-list span,.demo-upload-preview,.demo-management-grid dl div,.demo-draw>strong,.demo-detail,.demo-choice button.active,.demo-proof-note,.demo-review div,.demo-public dl div,.demo-notice{background:var(--demo-straw-soft)}.demo-notice{color:var(--ink)}