.small{font-size:.85rem}.ok{color:var(--ok)}.warn{color:var(--warn)}.hero{max-width:760px;margin:0 auto;padding:2.5rem 16px}.hero h1{font-size:1.7rem;line-height:1.25}.steps{color:var(--muted);padding-left:1.2rem}.steps li{margin-bottom:.25rem}.narrow{max-width:440px}.ws{flex-direction:column;min-height:100vh;display:flex}.ws-head{border-bottom:1px solid var(--line);background:var(--card);flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 16px;display:flex}.ws-head .link{margin-left:auto}.ws-main{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:1rem;padding:1rem 16px;display:grid}.ws-left{min-width:0;margin:0}.ws-right{position:sticky;top:1rem}@media (width<=960px){.ws-main{grid-template-columns:1fr}.ws-right{position:static}}.tabs{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.tabs button.on{background:var(--accent);color:var(--accent-text)}.choices{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.palette{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.swatch{border:2px solid var(--line);border-radius:50%;width:28px;height:28px;padding:0}.swatch.on{border-color:var(--text)}.palette input[type=color]{width:44px;height:32px;padding:2px}.upload{gap:.4rem}.scroll{max-width:100%;overflow-x:auto}.card table.ptable{border-collapse:collapse;width:auto;min-width:100%;font-size:.85rem}table.ptable th,table.ptable td{border:1px solid var(--line);vertical-align:top;overflow-wrap:break-word;min-width:5.5rem;max-width:16rem;padding:.3rem .45rem}table.ptable td:first-child,table.ptable th:first-child{white-space:nowrap;min-width:3.5rem}table.ptable th select{width:auto;min-width:8.5rem;padding:.25rem;font-size:.85rem}table.ptable input[type=radio]{width:auto;margin:0}table.ptable tr.head td{background:var(--user);font-weight:600}table.ptable tr.skip td{color:var(--muted);text-decoration:line-through}td.av.IN_STOCK{color:var(--ok)}td.av.ZERO,td.av.ON_ORDER{color:var(--warn)}.stats{margin:0;padding-left:1.2rem}.site{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);height:640px;position:relative;overflow:hidden}.site-mock{opacity:.5;padding:1rem}.mock-bar{background:var(--line);border-radius:6px;height:28px;margin-bottom:1rem}.mock-line{background:var(--line);border-radius:5px;height:10px;margin:.6rem 0}.mock-line.short{width:60%}.w{flex-direction:column;align-items:flex-end;gap:10px;font-size:14px;display:flex;position:absolute;bottom:14px;right:14px}.site.left .w{align-items:flex-start;left:14px;right:auto}.w-launcher{background:var(--w-accent);width:54px;height:54px;color:var(--w-on-accent);border:none;border-radius:50%;padding:0;font-size:22px;box-shadow:0 4px 14px #0003}.w-panel{background:var(--w-bg);width:min(380px,100vw - 60px);height:540px;color:var(--w-text);border:1px solid var(--w-line);border-radius:var(--w-radius);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 28px #0000002e}.w-head{background:var(--w-accent);color:var(--w-on-accent);align-items:center;gap:.5rem;padding:.7rem .9rem;display:flex}.w-demo{opacity:.85;border:1px solid;border-radius:999px;padding:1px 6px;font-size:11px}.w-x{color:inherit;background:0 0;border:none;margin-left:auto;padding:0 .25rem;font-size:20px}.w-body{flex-direction:column;flex:1;gap:.5rem;padding:.8rem;display:flex;overflow-y:auto}.w-msg{border-radius:var(--w-radius);white-space:pre-wrap;overflow-wrap:anywhere;max-width:85%;padding:.5rem .7rem}.w-msg.bot{background:var(--w-bot);border:1px solid var(--w-line);align-self:flex-start}.w-msg.user{background:var(--w-accent);color:var(--w-on-accent);align-self:flex-end}.w-msg.note{max-width:100%;color:var(--w-muted);text-align:center;background:0 0;align-self:center;font-size:12.5px}.w-msg.err{color:#c62828}.w-msg.typing{color:var(--w-muted)}.w-form{border:1px solid var(--w-line);border-radius:var(--w-radius);background:var(--w-bot);flex-direction:column;gap:.4rem;padding:.7rem;display:flex}.w-form ul{margin:0;padding-left:1.1rem}.w-form input,.w-input input{background:var(--w-bg);color:var(--w-text);border:1px solid var(--w-line);border-radius:var(--w-radius);padding:.45rem .6rem}.w-row{align-items:center;gap:.5rem;display:flex}.w-btn{background:var(--w-accent);color:var(--w-on-accent);border-radius:var(--w-radius);border:none;padding:.45rem .8rem}.w-link{color:var(--w-muted);background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.w-muted{color:var(--w-muted)}.w-cart{border:1px dashed var(--w-accent);color:var(--w-text);border-radius:var(--w-radius);background:0 0;margin:0 .8rem .5rem;padding:.4rem;font-size:13px}.w-input{border-top:1px solid var(--w-line);gap:.4rem;padding:.6rem .8rem;display:flex}.w-input input{flex:1;min-width:0}.w-foot{color:var(--w-muted);align-items:center;gap:.8rem;padding:0 .8rem .55rem;font-size:12px;display:flex}.w-foot span{margin-right:auto}
