:root{--ink:#201e1b;--muted:#777169;--line:#e5e0d8;--paper:#fffdfa;--bg:#f5f3ef;--accent:#d76041;--accent-dark:#a8432c;--accent-soft:#fff0e9;--side:#1d1b19;--side-soft:#2d2925;--radius:16px}[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans Thai","Noto Sans KR","PingFang SC",system-ui,sans-serif;font-size:16px}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100dvh}.app-sidebar{display:flex;flex-direction:column;padding:25px 16px 18px;background:var(--side);color:#d4cdc5}.brand{display:flex;align-items:center;gap:11px;padding:0 9px;color:#fff9f4;font-size:20px;font-weight:800;letter-spacing:-.6px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#ef8e6e,#bc482e);box-shadow:0 8px 18px rgb(100 45 28 / .24);font-size:12px;letter-spacing:-2px}.brand small{display:block;margin-top:4px;color:#b9aa9f;font-size:8px;letter-spacing:1.28px}.desktop-nav{display:grid;gap:4px;margin-top:38px}.desktop-nav button{height:43px;border:0;border-radius:10px;padding:0 12px;background:transparent;color:#c6bdb3;font:inherit;text-align:left;cursor:pointer}.desktop-nav button:hover,.desktop-nav .nav-active{background:var(--side-soft);box-shadow:inset 2px 0 0 #ee916e;color:#fff}.sidebar-support{margin-top:auto;padding:13px;border:1px solid #423c36;border-radius:12px;color:#bfb5aa;font-size:.76rem;line-height:1.6}.sidebar-support strong{display:block;color:#fff8f1;font-size:.84rem}.app-content{min-width:0}.topbar{height:76px;padding:0 48px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgb(255 253 250 / .82);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}select,input{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 11px}.top-actions select,.theme-toggle,.account-link{height:34px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font-size:.76rem;font-weight:700;padding:0 10px}.account-link{text-decoration:none;display:grid;place-items:center}.theme-toggle{cursor:pointer}.ghost{border:0;background:transparent;padding:10px 13px;border-radius:9px;color:var(--muted);font:inherit;cursor:pointer}.primary{border:0;border-radius:10px;background:var(--accent);color:#fff;font:inherit;font-weight:700;padding:11px 17px;cursor:pointer}.primary:hover{background:var(--accent-dark)}main{max-width:1500px;margin:auto;padding:42px 48px 60px}.overview{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:25px}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}h1{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.055em;margin:0;max-width:720px;line-height:1.08}.sub{color:var(--muted);margin:11px 0 0;max-width:620px}.balance-card{min-width:220px;background:#292421;color:#fff9f3;border-radius:var(--radius);padding:17px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.balance-card span{color:#c5b9ae;font-size:.76rem}.balance-card strong{font-size:1.45rem}.balance-card button{grid-column:1/-1}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.platforms{grid-column:1/-1;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:19px 21px}.catalog,.order-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 35px rgb(56 43 32 / .05)}.catalog{padding:22px}.order-panel{padding:20px;align-self:start;position:sticky;top:98px}.section-title,.catalog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title h2,.catalog h2{font-size:1.08rem;margin:0}.section-title>span:not(.status){background:var(--bg);padding:4px 8px;border-radius:20px;color:var(--muted);font-size:.8rem}.platforms #platformList{display:grid;grid-template-columns:repeat(10,minmax(82px,1fr));gap:10px;margin-top:15px}.platform-button{min-height:82px;border:1px solid #e8e3dc;border-radius:12px;background:#fff;padding:10px 7px;color:#514b44;font:inherit;font-size:.78rem;font-weight:700;text-align:center;cursor:pointer}.platform-button:hover{border-color:#e6a892;transform:translateY(-1px)}.platform-button.active{background:var(--accent-soft);border-color:#d96d4e;color:#aa4029;box-shadow:inset 0 0 0 1px #d96d4e}.platform-button span{display:block;margin:5px auto 0;color:#8a8176;font-size:.7rem;font-weight:500}.search{position:relative}.search span{position:absolute;left:12px;top:10px;color:var(--muted)}.search input{padding-left:34px;width:min(330px,32vw)}.cascade{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 0 4px}.cascade-step{display:grid;gap:8px;margin:0;font-size:.84rem;color:var(--muted)}.step-cap{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink);font-size:.84rem}.step-no{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#292421;color:#fff;font-style:normal;font-size:.72rem;font-weight:800}.cascade-step select{width:100%;height:44px}.cascade-step select:disabled{background:#f5f3ef;color:#a89e93;cursor:not-allowed}.service-list .service{cursor:default}@media(max-width:1050px){.cascade{grid-template-columns:1fr}}.chips{display:flex;gap:8px;overflow:auto;padding:18px 0}.chip{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 12px;font:inherit;font-size:.84rem;cursor:pointer}.chip.active{background:#292421;color:#fff;border-color:#292421}.service-list{display:grid;gap:10px}.service{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:8px;cursor:pointer}.service:hover,.service.selected{border-color:#e49c85;box-shadow:0 0 0 3px #fff3ee}.service h3{font-size:.95rem;margin:0;line-height:1.4}.service p{margin:0;color:var(--muted);font-size:.8rem}.price{text-align:right;color:#b94930;font-weight:800}.price small{display:block;color:var(--muted);font-weight:500}.status{font-size:.72rem;color:#8b381f;background:#fff0e9;padding:5px 8px;border-radius:20px}.order-panel label{display:grid;gap:7px;margin-top:16px;font-size:.84rem;color:var(--muted)}.order-panel input,.order-panel select{width:100%}.limits,.estimate{display:flex;justify-content:space-between;margin-top:15px;font-size:.84rem;color:var(--muted)}.estimate{border-top:1px solid var(--line);padding-top:16px;align-items:center}.estimate strong{font-size:1.45rem;color:var(--ink)}.wide{width:100%;margin-top:16px}.hint{font-size:.76rem;color:var(--muted);line-height:1.5}.empty{padding:30px;text-align:center;color:var(--muted)}@media(max-width:1050px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.topbar,main{padding-left:28px;padding-right:28px}.platforms #platformList{grid-template-columns:repeat(5,1fr)}.workspace{grid-template-columns:1fr}.order-panel{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.order-panel .section-title,.order-panel .estimate,.order-panel .wide,.order-panel .hint{grid-column:1/-1}}@media(max-width:720px){.app-shell{display:block}.app-sidebar{display:none}.topbar{height:auto;min-height:62px;padding:10px 16px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.top-actions .primary,.top-actions .ghost{display:none}main{padding:25px 16px 50px}.overview{display:block}.balance-card{margin-top:20px}.workspace{display:block}.platforms,.catalog,.order-panel{margin-top:14px}.platforms #platformList{display:flex;overflow:auto}.platform-button{min-width:90px}.catalog-head{display:block}.search{display:block;margin-top:14px}.search input{width:100%}.order-panel{display:block}.service{grid-template-columns:1fr}.account-link{display:none}}.field-optional{margin-left:6px;font-size:.72rem;font-weight:600;color:var(--muted)}

/* V91: mobile pull-to-refresh on the main ordering page */
.pull-refresh{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:center;pointer-events:none}
.pull-refresh__inner{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 14px;border-radius:999px;background:rgb(41 36 33 / .92);color:#fff9f3;font-size:.76rem;font-weight:700;box-shadow:0 10px 26px rgb(20 16 12 / .28);transform:translateY(-120%);opacity:0;transition:transform .28s cubic-bezier(.22,.9,.3,1),opacity .22s}
.pull-refresh.is-pulling .pull-refresh__inner{transition:none}
.pull-refresh__spinner{width:16px;height:16px;border:2px solid rgb(255 255 255 / .35);border-top-color:#fff;border-radius:50%}
.pull-refresh.is-loading .pull-refresh__spinner{animation:pullspin .7s linear infinite}
@keyframes pullspin{to{transform:rotate(360deg)}}
@media(pointer:fine){.pull-refresh{display:none}}