:root{--ink:#202820;--muted:#7c8379;--green:#445c46;--lime:#c9db9f;--paper:#f8f9f5;--line:#e4e8df}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.4%;font-size:10px;font-weight:700;letter-spacing:.13em}.brand-icon{font-size:23px;vertical-align:middle;color:#637d52;margin-right:10px}.divider{color:#c4cbbf;margin:0 12px}.brand-sub,.header-right{color:#929b8c}.header-right{display:flex;align-items:center;gap:8px;font-size:9px}.live-dot,.status-pill span,.trace-foot i{height:7px;width:7px;background:#94b26b;border-radius:50%;display:inline-block}.header-num{border-left:1px solid #d9dfd4;margin-left:20px;padding-left:20px}main{max-width:1450px;margin:auto;padding:0 5.4%}.intro{padding:67px 0 43px;display:flex;justify-content:space-between;align-items:end}.eyebrow{color:#788b6f;font-size:10px;letter-spacing:.17em;font-weight:700}.eyebrow span{display:inline-block;background:#90a87e;width:21px;height:1px;vertical-align:middle;margin-right:8px}h1,h2,h3,h4,p{margin:0}h1{font:500 clamp(42px,5vw,68px)/1.1 'Playfair Display',Georgia,serif;letter-spacing:-.04em;margin:18px 0}h1 em{color:#829a6c;font-weight:500}.intro>div>p{color:#7b8278;line-height:1.7;max-width:490px}.intro-note{border-left:1px solid #dbe1d6;padding:5px 0 5px 20px;max-width:200px}.intro-note span,.arch-title,.section-index,.store-label{font-size:9px;letter-spacing:.16em;font-weight:700;color:#91a08b}.intro-note p{font-size:13px!important;margin-top:9px;line-height:1.5!important}.intro-note strong{color:#526a50}.architecture{background:#eaf0e4;border:1px solid #dfe8d9;padding:20px 24px 23px}.arch-title{display:flex;justify-content:space-between;color:#65825d}.arch-title small{font-size:9px;color:#9cae95}.arch-flow{display:flex;align-items:center;justify-content:space-between;margin-top:19px}.arch-node{min-width:110px}.arch-node b{float:left;background:#d9e5d0;color:#729268;border-radius:50%;height:28px;width:28px;display:grid;place-items:center;font-size:9px;margin-right:10px}.arch-node strong,.arch-node small{display:block}.arch-node strong{font-size:10px;letter-spacing:.08em}.arch-node small{font-size:10px;color:#81927a;margin-top:4px}.arrow{color:#b1c2aa;font-size:18px}.workspace-head{display:flex;justify-content:space-between;align-items:end;padding:66px 0 23px}.workspace-head h2{font:500 34px 'Playfair Display',Georgia,serif;margin:12px 0 6px}.workspace-head h2 span,.shop-title h4 span{color:#8ba475}.workspace-head p,.panel-copy{color:#92998f;font-size:12px}.step-hint{font-size:9px;color:#9ca69a;font-weight:700;letter-spacing:.08em}.step-hint span{color:#829a72}.step-hint i{font-style:normal;margin:0 10px;color:#c5cdc1}.workspace{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;align-items:stretch}.client-panel,.trace-panel{background:white;border:1px solid var(--line);padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h3{font:500 22px 'Playfair Display',Georgia,serif;margin-top:7px}.panel-copy{margin-top:8px}.toggle{display:flex;border:1px solid #e6ebe3;padding:3px;background:#f7f9f6}.toggle button{border:0;background:transparent;color:#99a194;padding:8px 12px;font-size:11px}.toggle button.active{background:#fff;color:#3f5b42;box-shadow:0 1px 5px #dfe5dc}.preview-wrap{background:#eff2eb;min-height:490px;margin-top:22px;padding:22px;display:flex;justify-content:center;align-items:flex-start}.preview{background:#fff;width:100%;min-height:445px;box-shadow:0 8px 30px #a7b4a41c;transition:max-width .25s;max-width:100%}.preview.mobile{max-width:310px}.store-top{height:52px;border-bottom:1px solid #eeefeb;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.store-logo{font-size:11px;font-weight:700;letter-spacing:.16em}.store-logo span{color:#b4c99d}.store-right{color:#a8ada5;font-size:8px;letter-spacing:.1em;display:flex;gap:16px;align-items:center}.bag{font-size:17px;color:#647765}.login-view{padding:35px 12%;}.store-label{color:#a4b39b;font-size:8px}.login-view h4,.shop-title h4{font:500 30px/1.15 'Playfair Display',Georgia,serif;margin:10px 0}.login-view>p,.shop-title p{color:#9a9f97;font-size:11px;line-height:1.6}.login-view form{margin-top:22px}.login-view label{display:block;color:#667165;font-size:10px;font-weight:600;margin:12px 0}.login-view input{display:block;width:100%;border:1px solid #e8ebe5;padding:10px;margin-top:6px;outline-color:#93a985;font-size:11px}.primary{border:0;background:#465f48;color:white;padding:12px 15px;font-size:11px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#344c36}.primary:disabled{opacity:.5;cursor:wait}.login-view .primary{width:100%;margin-top:16px}.primary span{font-size:16px}.credentials{font-size:8px;color:#a8b1a2;letter-spacing:.1em;margin-top:14px}.credentials strong{color:#7b8976;letter-spacing:0;display:block;margin-top:5px;font-size:10px}.store-footer{border-top:1px solid #eff1ed;margin:0 22px;padding:15px 0;font-size:8px;letter-spacing:.12em;font-weight:700;color:#aeb6a9;display:flex;justify-content:space-between}.store-footer span{font-weight:400}#shop-view{padding:23px 22px}.shop-title{display:flex;justify-content:space-between;align-items:end}.shop-title h4{font-size:25px}.text-btn{border:0;background:transparent;color:#82927d;font-size:10px;padding:4px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.product{padding:0;text-align:left;border:1px solid transparent;background:transparent;min-width:0}.product.selected{border-color:#779471}.product:disabled{opacity:.5;cursor:not-allowed}.product-art{height:90px;background:#e8ece1;display:grid;place-items:center;position:relative;color:#7d9175}.art-1{background:#edeae1;color:#a59b82}.art-2{background:#e4e9e4;color:#889a8b}.product-art span{font:40px Georgia}.product-art small{position:absolute;top:8px;left:8px;font-size:8px}.product-info{padding:8px 5px}.product-info strong,.product-info span,.product-info small{display:block;font-size:10px}.product-info span{margin:4px 0;color:#7d8b79}.product-info small{font-size:9px;color:#a2aba0}.order-row{display:flex;align-items:end;gap:12px;margin-top:15px}.order-row label{font-size:8px;font-weight:700;color:#9ca99a;letter-spacing:.1em}.order-row input{display:block;border:1px solid #e6ebe3;width:65px;padding:10px;margin-top:6px}.order-row .primary{flex:1}.error{font-size:11px;color:#b45d50;margin-top:8px}.orders-head{display:flex;justify-content:space-between;border-top:1px solid #edf0eb;padding-top:16px;margin-top:20px}.orders-head strong{font-size:11px}.orders-head span{font-size:8px;letter-spacing:.08em;color:#a7b1a2}.orders{font-size:10px;color:#a0a89c;margin-top:10px}.order-item{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f3ef;padding:9px 0}.order-item strong,.order-item small{display:block}.order-item strong{color:#596458}.order-item small{margin-top:4px}.order-status{font-size:8px;color:#a79162}.order-status.confirmed{color:#71936a}.trace-panel{display:flex;flex-direction:column}.trace-icon{font-size:28px;color:#a1b59a}.trace-summary{background:#f5f8f2;margin-top:22px;padding:16px;display:flex;justify-content:space-between;align-items:center}.trace-summary div:first-child span{display:block;color:#a5b09f;font-size:8px;letter-spacing:.14em;font-weight:700}.trace-summary strong{display:block;font-size:11px;margin-top:7px}.status-pill{font-size:9px;letter-spacing:.1em;color:#78926d;font-weight:700}.status-pill span{width:6px;height:6px;margin-right:4px}.status-pill.failed{color:#b45d50}.status-pill.failed span{background:#b45d50}.timeline{flex:1;padding:25px 2px;min-height:300px}.timeline:has(.empty-icon){display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon{border:1px solid #e5ece0;border-radius:50%;height:48px;width:48px;display:grid;place-items:center;color:#90aa82;font-size:20px}.timeline h4{font:500 19px 'Playfair Display',Georgia,serif;margin:17px 0 8px}.timeline>p{max-width:240px;color:#a1aaa0;font-size:11px;line-height:1.7}.trace-row{display:flex;gap:13px;position:relative;padding:0 0 22px}.trace-row:not(:last-child):before{content:'';position:absolute;left:11px;top:24px;bottom:0;border-left:1px solid #e4ebe0}.trace-step{width:23px;height:23px;flex-shrink:0;border-radius:50%;background:#e8f0e3;color:#789b6c;display:grid;place-items:center;font-size:11px;z-index:1}.trace-row.pending .trace-step{background:#f7f0df;color:#b09961}.trace-row.error .trace-step{background:#f8e9e5;color:#b45d50}.trace-row strong{font-size:11px}.trace-row p{font-size:10px;color:#939d90;line-height:1.5;margin-top:5px}.trace-number{margin-left:auto;font-size:9px;color:#c8d0c4}.trace-foot{border-top:1px solid #edf0eb;padding-top:17px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.11em;color:#99aa91;font-weight:700}.trace-foot i{width:6px;height:6px;margin-right:6px}footer{display:flex;justify-content:space-between;padding:45px 0 30px;font-size:9px;font-weight:700;letter-spacing:.11em;color:#a4aea0}footer b{color:#d0d8cc;margin:0 8px}@media(max-width:850px){.workspace{grid-template-columns:1fr}.step-hint{display:none}.intro-note{display:none}.arch-flow{overflow-x:auto;gap:20px}.arch-node{min-width:100px}.architecture{overflow:hidden}.intro{padding-top:45px}.workspace-head{padding-top:45px}.trace-panel{min-height:430px}}@media(max-width:500px){header{padding:0 20px}.brand-sub,.header-num,.header-right{display:none}main{padding:0 20px}.client-panel,.trace-panel{padding:17px}.preview-wrap{padding:10px}.store-right span:first-child{display:none}.toggle button{padding:8px}.workspace-head h2{font-size:29px}footer span:last-child{display:none}}