:root{--bg:#f5f5f0;--paper:#fff;--ink:#1b302d;--muted:#71817a;--line:#dfe5de;--green:#235c49;--lime:#dceca4;--sand:#f3eee1;--warn:#8b5814;--red:#a33333}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:wait}a{color:var(--green)}.hidden{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;border-right:1px solid var(--line);background:#fff;padding:33px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;letter-spacing:-.6px}.brand small{display:block;font-size:8px;letter-spacing:1.2px;font-weight:600;color:var(--muted);margin-top:3px}.brand-mark{background:var(--green);color:var(--lime);width:40px;height:43px;border-radius:12px;display:grid;place-items:center;font:italic 30px Georgia,serif}.nav-label{font-size:10px;letter-spacing:1.8px;color:var(--muted);margin:46px 13px 13px}.nav{background:none;color:#63736b;text-align:left;padding:12px 13px;border-radius:8px;margin-bottom:5px}.nav span{margin-right:10px}.nav.active{background:#edf3e9;color:var(--green);font-weight:700}.nav:hover{background:#f1f4ee}.store-list{display:flex;flex-direction:column;gap:3px;max-height:34vh;overflow-y:auto}.store-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;color:#63736b;text-align:left;padding:9px 13px;border-radius:8px;font-size:13px}.store-row:hover{background:#f1f4ee}.store-row.active{background:#edf3e9;color:var(--green);font-weight:700}.store-row .count{font-size:10px;background:#e8ece8;color:#657367;border-radius:10px;padding:2px 7px;font-weight:600}.store-row.active .count{background:#d6e6d0;color:var(--green)}.store-row .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:10px}.store-table th,.store-table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}.store-table th{font-size:10px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.store-table td.path{overflow-wrap:anywhere;color:var(--muted)}.sidebar-bottom{margin-top:auto;font-size:12px}.sidebar-bottom p,.sidebar-bottom small{font-size:11px;color:var(--muted)}.local-dot{display:inline-block;width:7px;height:7px;background:#539666;border-radius:50%;margin-right:6px}main{margin-left:236px;min-height:100vh}.topbar{height:76px;padding:0 40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.4px}.slash{margin:0 12px;color:#abb4a8}.connection{letter-spacing:.2px;background:#e8eee2;padding:6px 12px;border-radius:20px;color:#577448}.view{padding:34px 40px 60px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--muted);font-weight:650}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:39px;line-height:1.16;letter-spacing:-1.4px;margin:10px 0}h2{font-size:18px;font-weight:600;margin:0 0 8px}h3{font-size:14px;margin:20px 0 8px}p{color:var(--muted);margin:7px 0 16px}.primary,.secondary,.danger-button{padding:11px 18px;border-radius:8px;font-weight:600;display:inline-block;text-decoration:none;white-space:normal}.primary{background:var(--green);color:#fff}.primary:hover{background:#174434}.secondary{background:#f5f6f2;color:var(--ink);border:1px solid var(--line)}.secondary:hover{background:#eaf0e5}.danger-button{background:#fceeee;color:var(--red)}.danger-button:hover{background:#f6dcdc}.text-button{background:none;color:var(--green);padding:5px 0;font-size:12px}.icon-button{font-size:25px;line-height:1;background:transparent;color:var(--muted);padding:7px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}.metrics>div{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:16px 22px}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{font-size:29px;font-weight:500}.welcome{display:flex;gap:25px;background:#eaf0de;border:1px solid #d7e0c9;border-radius:12px;padding:30px;margin-bottom:28px}.welcome>div:nth-child(2){max-width:510px}.welcome-icon{font-size:44px;color:var(--green)}.welcome h2{font-family:Georgia,serif;font-size:24px;font-weight:400}.welcome .secondary{margin-left:8px}.welcome-steps{margin-left:auto;min-width:210px;display:flex;flex-direction:column;justify-content:center;gap:14px}.welcome-steps span{font-size:12px}.welcome-steps b{display:inline-block;font-size:10px;margin-right:10px;color:var(--green);border:1px solid #b3c59a;border-radius:50%;padding:5px}.workspace-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}.queue-panel,.detail-panel,.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.section-title{display:flex;align-items:center;justify-content:space-between;padding:19px 18px;border-bottom:1px solid var(--line)}.section-title h2{margin:0;font-size:14px}.job-list{max-height:800px;overflow-y:auto}.queue-day{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);background:#f7f8f3;padding:8px 18px;border-bottom:1px solid #edf0eb}.job-row{display:block;width:100%;background:#fff;text-align:left;padding:17px 18px;border-bottom:1px solid #edf0eb;box-shadow:inset 0 0 0 0 var(--green)}.job-row.selected{background:#edf3e7;box-shadow:inset 3px 0 var(--green)}.job-row:hover{background:#f4f6ef}.job-top{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:6px}.job-number{font-weight:700}.job-shop{color:var(--muted);font-size:12px;margin-bottom:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;border-radius:5px;background:#e8ece8;color:#657367;font-size:9px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;padding:3px 6px}.badge.review,.badge.awaiting_approval{background:#f9ecd2;color:#8d5a15}.badge.complete{background:#dceddb;color:#386b3b}.badge.error,.badge.canceled{background:#f9e2df;color:#a0463e}.badge.generating_outputs,.badge.designing,.badge.queued_design,.badge.queued_outputs{background:#dfece9;color:#366a5a}.badge.scheduled{background:#e6e4f3;color:#4d4680}.demo-label{font-size:9px;color:#9a782c;letter-spacing:.9px}.empty{text-align:center;padding:95px 20px;color:var(--muted)}.empty>span{font-size:42px;color:#a0b596}.empty h2{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:12px 0}.detail-head{padding:21px 24px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;justify-content:space-between}.detail-head h2{margin:0}.detail-head small{color:var(--muted)}.detail-body{padding:24px}.notice{padding:13px 16px;border-radius:8px;background:var(--sand);color:#74653e;font-size:12px;margin-bottom:18px}.notice.error{background:#fbeceb;color:var(--red)}.notice.success{background:#eaf2e5;color:#446d3a}.status-message{font-size:13px;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:18px}.design-review{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(190px,.9fr);gap:22px;align-items:start}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#ededed 25%,transparent 25%),linear-gradient(-45deg,#ededed 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ededed 75%),linear-gradient(-45deg,transparent 75%,#ededed 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:1px solid var(--line);border-radius:9px;overflow:hidden}.checkerboard img{display:block;width:100%;height:360px;object-fit:contain}.facts{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.facts span{display:block;color:var(--muted);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.facts b{font-size:14px;font-weight:550}.warnings{font-size:12px;line-height:1.65;color:#8a622f;margin:12px 0}.warnings p{color:inherit;font-size:12px;margin:6px 0}.action-stack{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.action-stack>button{flex:1}.full{width:100%}.muted{font-size:12px;color:var(--muted)}code{font-size:12px;background:#eef1e9;border-radius:3px;padding:2px 4px;overflow-wrap:anywhere}.folder-path{overflow-wrap:anywhere;word-break:break-word;font-size:11px;color:var(--muted);margin-top:14px}.mockup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 24px}.mockup-card{border:1px solid var(--line);border-radius:8px;overflow:hidden}.mockup-card img{display:block;width:100%;aspect-ratio:5/4;object-fit:contain;background:#f1f0eb}.mockup-card p{font-size:11px;padding:0 9px;margin:8px 0}.mockup-card button{margin:0 9px 9px}.listing-editor{border-top:1px solid var(--line);padding-top:20px}.listing-editor h2{margin-bottom:15px}.editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.card{padding:26px}.card p{font-size:13px}.card .notice{margin-top:20px;margin-bottom:0}.wide{width:100%}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.scope-grid h3{margin-top:8px}dl{display:grid;grid-template-columns:120px 1fr;gap:10px;font-size:12px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.template-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.template-card{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.template-card img{width:100%;aspect-ratio:5/4;object-fit:contain;background:#ecece6}.template-card div{padding:16px}.template-card h3{margin:0 0 4px}.template-card p{margin:0;font-size:12px}dialog{border:1px solid var(--line);border-radius:15px;width:760px;max-width:95vw;max-height:94vh;padding:27px 30px;color:var(--ink);box-shadow:0 30px 100px #10231830}dialog::backdrop{background:#1129217a;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:20px}.dialog-heading h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin-top:8px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;margin-top:14px;border-top:1px solid var(--line)}label{display:block;font-size:12px;font-weight:600;margin:13px 0}input:not([type=checkbox]),textarea,select{display:block;width:100%;padding:10px 11px;border:1px solid #d9e0d6;border-radius:7px;background:#fff;color:var(--ink);margin-top:6px;outline:none}input:focus,textarea:focus,select:focus{border-color:#6c997e;box-shadow:0 0 0 3px #71997e1c}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.check{display:flex;align-items:start;gap:10px;font-weight:400;line-height:1.5}.check input{margin:4px 0 0;accent-color:var(--green);flex-shrink:0}.dropzone{position:relative;border:1px dashed #97b49d;background:#f5f8f1;border-radius:10px;text-align:center;padding:22px;cursor:pointer;font-weight:500}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}.dropzone.dragover{border-color:var(--green);background:#e9f2e3;border-style:solid}.dropzone.has-image{border-style:solid;background:#fff}.upload-previews{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px;position:relative;z-index:1}.upload-previews figure{margin:0;position:relative;width:120px}.upload-previews img{display:block;width:120px;height:120px;object-fit:cover;border-radius:8px;box-shadow:0 2px 10px #0002}.upload-previews figure.store-break{margin-left:18px;border-left:2px dashed #b3c59a;padding-left:10px}.upload-previews figcaption{font-size:10px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-previews button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:#203b36;color:#fff;font-size:13px;line-height:1;padding:0}#upload-clear,#paste-clipboard{position:relative;z-index:1;margin-top:6px}.timer{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted)}.job-row .timer{display:block;margin-top:6px}.dropzone small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.template-choices{display:grid;grid-template-columns:1fr 1fr;padding:12px;background:#f0f3eb;border-radius:8px}.template-choices .check{margin:4px}details{margin:16px 0}summary{font-size:12px;font-weight:600;cursor:pointer}details p{margin:10px 0}#template-canvas{display:block;width:100%;height:auto;max-height:500px;background:#eeeee8;border-radius:10px;cursor:crosshair}.canvas-footer{display:flex;justify-content:space-between;font-size:12px;margin:8px 0;color:var(--muted)}.toast{position:fixed;right:28px;bottom:28px;z-index:100;background:#203b36;color:#fff;border-radius:9px;box-shadow:0 8px 32px #0002;padding:17px 23px;max-width:540px;font-size:13px}.toast.error{background:#833e36}.inline-file{font-size:11px}.separator{height:1px;background:var(--line);margin:20px 0}
@media(min-width:1600px){.workspace-grid{grid-template-columns:300px minmax(0,1fr)}.checkerboard img{height:440px}}
@media(max-width:1150px){.sidebar{width:205px;padding:27px 16px}.brand{font-size:17px}main{margin-left:205px}.topbar{padding:0 25px}.view{padding:27px 25px}.workspace-grid{grid-template-columns:220px minmax(0,1fr);gap:16px}.welcome-steps{display:none}.design-review{grid-template-columns:1fr}.checkerboard img{height:320px}.mockup-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:34px}}
@media(max-width:800px){.sidebar{position:static;width:100%;padding:15px 20px;display:flex;flex-direction:row;align-items:center;gap:10px}.brand small,.nav-label,.sidebar-bottom{display:none}.brand{margin-right:auto}.nav{font-size:11px;padding:9px;margin:0}.nav span{display:none}main{margin:0}.topbar{height:52px;padding:0 20px}.view{padding:25px 20px}.page-heading{align-items:start}.page-heading h1{font-size:29px}.page-heading p{font-size:12px}.metrics{gap:8px}.metrics>div{padding:13px;display:block}.metrics strong{display:block}.welcome{padding:20px;gap:15px}.welcome .secondary{margin:10px 0 0}.workspace-grid{grid-template-columns:1fr}.job-list{display:flex;max-height:160px}.job-row{min-width:180px;max-width:200px}.detail-body{padding:18px}.settings-grid,.scope-grid{grid-template-columns:1fr}.template-gallery{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.welcome-icon{display:none}dialog{padding:22px}.mockup-grid{grid-template-columns:repeat(2,1fr)}}

/* Keep the create/save actions visible while long forms scroll. */
dialog{overflow:hidden}dialog>form{display:flex;flex-direction:column;max-height:calc(94vh - 54px)}.dialog-heading,.dialog-footer{flex-shrink:0}.dialog-content{overflow-y:auto;padding-right:7px}.dialog-footer{margin-top:12px;padding-top:15px}
.drive-mark{display:inline-block;margin-left:6px;font-size:11px;color:#366a5a;vertical-align:middle}.drive-mark.failed{color:var(--red);font-weight:700}.drive-warn{color:var(--warn)}.drive-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.drive-line .text-button{padding:0}
.landing-view{padding-top:28px}.landing-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:34px;align-items:center;min-height:calc(100vh - 138px);padding-bottom:24px}.landing-copy{max-width:680px}.landing-copy h1{font-size:54px;line-height:1.04;margin:12px 0 18px}.lead{font-size:17px;line-height:1.7;color:#51625d;max-width:650px}.ai-required{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:start;background:#fff4df;border:1px solid #e8c178;border-left:5px solid #d48b26;border-radius:8px;padding:18px 20px;margin:22px 0;color:#6f4b0f}.ai-required b{font-size:14px;color:#5a3600}.ai-required span{font-size:13px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}.landing-visual{border:1px solid #cfdad2;background:#fff;border-radius:8px;padding:10px;box-shadow:0 24px 60px #18372d18}.landing-visual img,.landing-proof img{display:block;width:100%;height:auto;border-radius:6px}.landing-band{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0}.landing-band section{background:#203b36;color:#fff;padding:27px;border-radius:8px}.landing-band section:nth-child(2){background:#3f4f6e}.landing-band h2{font-family:Georgia,serif;font-size:25px;font-weight:400;color:#fff}.landing-band p{color:#e5ece8}.landing-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.landing-flow article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;min-height:170px}.landing-flow b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf0de;color:var(--green);font-size:11px}.landing-flow h3{font-size:17px;margin:16px 0 8px}.landing-proof{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 28px 18px 18px}.landing-proof h2{font-family:Georgia,serif;font-size:30px;font-weight:400}
.pricing-strip{display:grid;grid-template-columns:120px 120px minmax(260px,1fr);gap:12px;align-items:stretch;margin:18px 0}.pricing-strip>div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px}.pricing-strip span,.pricing-strip small{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.pricing-strip strong{display:block;font-size:24px;font-weight:650;color:var(--ink);margin:3px 0}.pricing-strip form{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:end;background:#eef3ea;border:1px solid #d6e2d0;border-radius:8px;margin:0;padding:12px}.pricing-strip label{margin:0}.pricing-strip input{margin-top:4px}.pricing-strip button{white-space:nowrap}
@media(max-width:1150px){.landing-hero,.landing-proof{grid-template-columns:1fr}.landing-hero{min-height:auto}.landing-copy h1{font-size:42px}.landing-visual{max-width:820px}}
@media(max-width:800px){.sidebar{overflow-x:auto}.nav{white-space:nowrap}.landing-band,.landing-flow,.pricing-strip{grid-template-columns:1fr}.landing-copy h1{font-size:34px}.lead{font-size:15px}.ai-required{grid-template-columns:1fr}.landing-proof{padding:16px}.hero-actions .primary,.hero-actions .secondary{width:100%;text-align:center}.landing-flow article{min-height:auto}}