@import url('/fonts/fonts.css');
:root{--paper:#f7f6f2;--white:#fff;--ink:#252721;--muted:#86877e;--line:#e6e6df;--terra:#a75036;--green:#5e6c51;--wash:#eeeee7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px 'DM Sans',-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-color:var(--terra)}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);padding:10px 17px;border-radius:5px;transition:.2s}button:hover{background:#f0eee6;border-color:#b8b8ac}button.primary{background:var(--ink);color:white;border-color:var(--ink)}button.primary:hover{background:#44473d}button.terra{background:var(--terra);border-color:var(--terra);color:white}button.small{padding:6px 10px;font-size:11px}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:500;letter-spacing:-1px}h2{font-size:19px;font-weight:500}h3{font-size:14px;font-weight:500}p{line-height:1.8}small,.muted{color:var(--muted)}.shell{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:100vh}.sidebar{background:#f0f0e9;border-right:1px solid var(--line);height:100vh;position:sticky;top:0;padding:33px 22px;display:flex;flex-direction:column}.logo{font-family:'Italiana',Georgia,serif;font-size:31px;letter-spacing:3px}.logo-sub{font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:6px}.workspace{border:1px solid #dcddd4;padding:12px 10px;margin:32px 0 26px;display:flex;align-items:center;gap:9px;border-radius:5px;font-size:12px}.brand-tile{background:var(--ink);color:white;padding:7px;font-size:10px;font-weight:700}.nav-label{font-size:9px;letter-spacing:1.8px;color:var(--muted);margin:16px 9px 10px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{background:transparent;border:0;text-align:left;display:flex;align-items:center;gap:13px;padding:12px;font-size:12px}.nav button.active{background:#e3e4d9;color:#454e37}.nav svg{width:17px;height:17px;stroke-width:1.5}.sidebar-bottom{margin-top:auto;padding-top:24px}.balance{padding:17px 12px;background:#e7e7de;border-radius:5px}.balance strong{font-size:20px;font-weight:500}.profile{display:flex;gap:10px;align-items:center;margin-top:23px}.avatar{width:31px;height:31px;background:#d4d7c8;border-radius:50%;display:grid;place-items:center;font-size:11px}.topbar{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 37px;background:#fbfbf8;gap:15px}.crumb{font-size:11px;color:var(--muted)}.crumb strong{color:var(--ink);font-weight:400}.top-actions{display:flex;align-items:center;gap:16px}.local-dot{font-size:10px;color:var(--green);white-space:nowrap}.local-dot:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:6px}.main{padding:34px 38px;max-width:1700px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--terra);margin-bottom:9px}.subtitle{color:var(--muted);font-size:12px;margin-top:9px}.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.pill{display:inline-flex;padding:5px 8px;font-size:10px;border:1px solid #dcded1;border-radius:3px;color:var(--green);background:#f2f4eb;white-space:nowrap}.pill.pending{color:#99783e;background:#faf4e6;border-color:#eaddc3}.pill.plain{background:#f0f0ed;color:#787a70;border-color:#e4e4de}.steps{display:flex;background:#fff;border:1px solid var(--line);border-radius:6px;margin-bottom:27px;padding:17px 20px;gap:10px}.step{flex:1;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.step b{font-weight:400;width:25px;height:25px;background:#f4f4ef;border-radius:50%;display:grid;place-items:center}.step.current{color:var(--ink)}.step.current b{background:var(--terra);color:#fff}.step.done b{background:#eaf0e1;color:var(--green)}.step:not(:last-child):after{content:'—';color:#dbdcd3;margin-left:auto}.grid-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:22px}.card{border:1px solid var(--line);background:white;border-radius:7px;overflow:hidden}.card-pad{padding:23px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-title small{font-size:10px;letter-spacing:1px}.hero-image{height:315px;width:100%;object-fit:cover;display:block}.hero-wrap{position:relative}.hero-label{position:absolute;top:17px;left:19px;color:#fff;font-size:9px;letter-spacing:2px;background:#292a2359;padding:7px 10px}.hero-caption{position:absolute;bottom:25px;left:26px;color:white;text-shadow:0 1px 12px #3338}.hero-caption h2{font-family:'Italiana',Georgia,serif;font-size:37px}.hero-caption p{font-size:11px;letter-spacing:1px;margin-top:5px}.product-meta{padding:20px 23px;display:flex;justify-content:space-between;gap:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding:21px 8px}.stat{padding:0 17px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat label{color:var(--muted);font-size:10px}.stat strong{display:block;font-size:23px;font-weight:400;margin-top:9px;letter-spacing:-1px}.stat small{font-size:9px;display:block;margin-top:6px}.insight{background:#f2f2e9;border:1px solid #e4e5d7;padding:17px;border-radius:5px;margin-bottom:17px}.insight p{font-size:12px;margin-top:8px}.claim{padding:16px 0;border-top:1px solid var(--line);display:flex;gap:10px;align-items:start}.claim input{accent-color:var(--green);margin-top:4px}.claim h3{font-size:12px;margin-bottom:6px}.claim p{font-size:11px;color:var(--muted);line-height:1.7}.source-link{font-size:10px;color:var(--green);display:inline-block;margin-top:8px}.create-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.create-card{padding:22px;text-align:left}.create-card .letter{font-family:'Italiana',Georgia,serif;font-size:26px;display:block;margin:18px 0 10px}.create-card p{font-size:11px;color:var(--muted)}.create-card .bottom{margin-top:23px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.notice{padding:12px 16px;background:#efece2;color:#7f735a;font-size:11px;border-radius:4px;margin:18px 0;line-height:1.8}.tabs{display:flex;gap:22px;margin:20px 0;border-bottom:1px solid var(--line)}.tabs button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:13px 0;color:var(--muted)}.tabs button.active{color:var(--terra);border-color:var(--terra)}.editor-grid{display:grid;grid-template-columns:minmax(290px,1fr) minmax(340px,1.05fr);gap:24px}.field{display:block;margin-bottom:19px}.field span{display:block;margin-bottom:8px;color:#777b6c;font-size:11px}.field input,.field textarea,.field select,input.full,textarea.full{width:100%;border:1px solid var(--line);background:#fafaf7;padding:12px;border-radius:4px;line-height:1.8;color:var(--ink)}textarea{resize:vertical;min-height:85px}.phone{max-width:395px;margin:auto;background:white;border:1px solid #dedfd6;border-radius:22px;padding:9px;box-shadow:0 13px 35px #30331c0a;overflow:hidden}.phone-inner{border-radius:16px;overflow:hidden;border:1px solid #efefe8}.phone-top{padding:14px;display:flex;justify-content:space-between;font-size:11px}.phone .shopbar{padding:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.phone img{width:100%;display:block}.phone-copy{padding:25px 23px;background:#f9f6ee}.phone-copy h2{font-size:23px;line-height:1.6;font-weight:400}.phone-copy p{font-size:11px;margin-top:13px;color:#757368}.phone-brand{font-size:11px;letter-spacing:2px;color:var(--terra);margin-bottom:18px}.phone-bottom{display:flex;justify-content:space-between;align-items:center;padding:15px;background:white;font-size:10px}.phone-bottom b{background:var(--terra);color:white;padding:10px 16px;font-weight:400}.studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.asset-img{width:100%;aspect-ratio:1.1;object-fit:cover;background:#f3f1eb}.asset-body{padding:18px}.asset-body h3{margin-bottom:8px}.asset-body p{font-size:11px;color:var(--muted);margin-bottom:14px}.canvas{background-color:#eeeee8;background-image:radial-gradient(#cdd0c2 1px,transparent 1px);background-size:19px 19px;padding:35px 25px;border:1px solid var(--line);border-radius:7px;overflow-x:auto}.nodes{display:flex;align-items:flex-start;gap:28px;min-width:980px}.node{width:220px;background:#fff;border:1px solid #d9dcd0;border-radius:7px;position:relative;box-shadow:0 5px 12px #20231a08;flex-shrink:0}.node:not(:last-child):after{content:'→';position:absolute;right:-24px;top:155px;color:#8e9580}.node img{width:100%;height:144px;object-fit:cover}.node-header{padding:12px;display:flex;justify-content:space-between;font-size:10px}.node-body{padding:14px}.node-body p{font-size:10px;color:#828677;min-height:40px;margin:8px 0}.node-controls{display:flex;gap:5px;margin-top:13px}.node.approved{border-color:#92a078}.timeline{display:flex;gap:4px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:6px;margin-top:19px}.segment{padding:15px 10px;background:#e6e9dd;border-radius:3px;min-width:0;font-size:10px}.segment:nth-child(even){background:#e9ded4}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th,td{padding:15px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:400;background:#fbfbf8}tr:last-child td{border:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.metric{padding:21px}.metric strong{font-size:31px;display:block;font-weight:400;margin:12px 0}.bar{height:8px;background:#efefe8;border-radius:2px;overflow:hidden}.bar i{display:block;height:100%;background:#9ca487}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.empty{padding:35px;text-align:center;color:var(--muted);line-height:2}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);gap:15px}.settings-row p{font-size:11px;color:var(--muted);margin-top:5px}.audit{font-size:11px;padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.audit span{color:var(--muted)}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#282b24;color:white;padding:14px 23px;border-radius:6px;box-shadow:0 8px 25px #0002;max-width:80vw;z-index:20;display:none;line-height:1.7}dialog{border:1px solid var(--line);border-radius:10px;padding:28px;width:min(560px,90vw);color:var(--ink);background:var(--paper)}dialog::backdrop{background:#2228;backdrop-filter:blur(2px)}dialog h2{margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.loading{padding:50px;color:var(--muted)}.footer-note{font-size:10px;color:var(--muted);margin-top:20px;line-height:1.8}.comment{background:#f6f6ef;padding:12px;margin-top:10px;border-radius:5px}.comment p{font-size:12px}.wide-btn{width:100%;margin-top:13px}.page-enter{animation:enter .25s ease}@keyframes enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1500px){.hero-image{height:390px}.main{padding-top:42px}.grid-main{grid-template-columns:1.8fr 1fr}}@media(max-width:1150px){.sidebar{padding:25px 14px}.shell{grid-template-columns:180px minmax(0,1fr)}.main{padding:27px 22px}.topbar{padding:0 22px}.grid-main{grid-template-columns:1fr}.create-grid{gap:12px}.editor-grid{gap:18px}.studio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.shell{display:block}.sidebar{height:auto;position:relative;padding:16px}.logo{font-size:24px}.logo-sub,.workspace,.nav-label,.sidebar-bottom{display:none}.nav{flex-direction:row;overflow:auto;margin-top:15px}.nav button{white-space:nowrap;padding:9px}.nav svg{display:none}.topbar{height:55px;padding:0 16px}.top-actions{gap:8px}.main{padding:24px 16px}.heading{flex-direction:column}.steps{padding:12px;overflow:auto}.step{min-width:80px;font-size:10px}.step:not(:last-child):after{display:none}.create-grid,.editor-grid,.studio-grid,.comparison{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr;gap:22px}.stat:nth-child(2){border:0}.hero-image{height:280px}.hero-caption h2{font-size:30px}.local-dot{display:none}.phone{width:100%}}