:root{--ink:#182e28;--muted:#697b73;--forest:#245447;--accent:#e3b780;--line:#dfe7e1;--paper:#fff;--wash:#f5f7f3;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:14px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b8d9cb;outline-offset:3px}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:234px;background:#fff;border-right:1px solid var(--line);padding:28px 20px 18px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;line-height:1.2;font-size:17px;letter-spacing:-.5px}.brand strong{display:block}.brand small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:7px;color:var(--muted)}.brand-mark{height:39px;width:39px;border:1px solid #bfd1c3;border-radius:11px;display:grid;place-items:center;background:#f1f6ef;font:italic 30px var(--serif)}.new-button{margin:32px 0 27px;width:100%;border:0;border-radius:10px;background:var(--forest);color:white;padding:12px;text-align:left;font-weight:650}.nav-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--muted)}#catalog-nav{overflow:auto;margin-top:15px;flex:1}#catalog-nav details{margin-bottom:6px}#catalog-nav summary{cursor:pointer;padding:9px 1px;font-size:12px;font-weight:650;list-style:none}#catalog-nav summary:after{content:'⌄';float:right;color:#8d9e95}#catalog-nav button{display:block;border:0;background:none;text-align:left;width:100%;padding:7px 12px;color:var(--muted);font-size:12px;border-radius:7px}#catalog-nav button:hover{background:#edf4ee;color:var(--forest)}.sidebar-bottom{border-top:1px solid var(--line);padding-top:15px;font-size:10px}.sidebar-bottom a{display:block;margin-bottom:16px}.sidebar-bottom a span{float:right}.private-tag{color:var(--muted);display:flex;align-items:center;gap:7px}.private-tag i,.online-dot{width:6px;height:6px;background:#6e9d81;border-radius:50%}.workspace{margin-left:234px}.topbar{height:100px;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.7)}.topbar h1{font:26px/1.3 var(--serif);margin:5px 0 0;letter-spacing:-.5px}.top-actions{display:flex;align-items:center;gap:20px}.avatar{width:34px;height:34px;border:1px solid var(--line);background:#eaf0e9;border-radius:50%;display:grid;place-items:center;font-weight:600}.quiet{background:none;border:0;color:var(--muted);padding:5px}.studio-grid{display:grid;grid-template-columns:minmax(350px,.93fr) minmax(420px,1.18fr);min-height:calc(100vh - 100px)}.conversation{border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;height:calc(100vh - 100px);min-height:620px;position:sticky;top:0}.guide-heading{display:flex;gap:11px;align-items:center;padding:20px 25px;border-bottom:1px solid #edf1ec}.guide-heading strong{font-size:13px}.guide-heading div>span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.guide-symbol{width:34px;height:34px;background:#edf3ed;border-radius:10px;display:grid;place-items:center;color:var(--forest);font-size:20px}.guide-heading .online-dot{margin-left:auto}.messages{overflow-y:auto;flex:1;padding:24px 25px;scroll-behavior:smooth}.welcome{padding-top:21px}.welcome-star{font-size:37px;color:#44735c}.welcome h2{font:31px/1.17 var(--serif);letter-spacing:-.6px;max-width:290px;margin:15px 0}.welcome p{color:var(--muted);font-size:12px;max-width:340px;line-height:1.75}.starter-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:25px 0}.starter-grid button{font-size:11px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:9px;padding:11px 10px;min-height:47px;color:var(--ink)}.starter-grid button:hover{background:#f2f7f0;border-color:#afc6b5}.welcome small{color:#89978c;font-size:10px;display:block;max-width:330px}.message{margin:0 0 20px;max-width:95%;font-size:12px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{background:#eaf2e9;padding:12px 14px;margin-left:auto;border-radius:13px 13px 3px 13px}.message.assistant{padding-left:1px}.message-name{display:block;font-size:9px;letter-spacing:1.1px;color:#668375;margin-bottom:6px;font-weight:700}.message.pending{color:var(--muted)}.choices{display:flex;flex-wrap:wrap;gap:6px;padding:0 25px 8px}.choices button{background:#fff;border:1px solid var(--line);border-radius:20px;padding:7px 10px;font-size:10px;color:var(--forest)}.logo-prompt{margin:0 22px 10px;padding:11px;border:1px solid #dddfc7;border-radius:8px;background:#fffdf4;font-size:10px}.logo-prompt>span{display:block;margin-bottom:6px}.logo-prompt button:not(.quiet){border:0;color:var(--forest);background:none;font-size:11px;font-weight:bold}.composer-area{padding:6px 20px 13px}.references-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;gap:10px}.references-heading span{font-size:8px;color:#8b978f}.references-heading button{font-size:10px;color:var(--forest);padding-left:0}.composer{border:1px solid #cddbd0;border-radius:13px;background:#fcfdfa;padding:11px 12px 8px;box-shadow:0 3px 12px #193a2104}.composer textarea{resize:none;background:transparent;border:0;outline:0;width:100%;font-size:12px;min-height:48px;color:var(--ink)}.composer textarea::placeholder{color:#9da79e}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-footer span{font-size:9px;color:#9aa69d}.composer-footer button{border:0;border-radius:9px;background:var(--forest);color:#fff;height:30px;width:32px;font-size:22px}.privacy-note{font-size:8px;color:#8b978f;line-height:1.5;margin:7px 3px 0}.reference-strip{display:flex;gap:8px;overflow-x:auto;margin-bottom:8px}.ref-card{flex:0 0 88px;border:1px solid var(--line);border-radius:7px;padding:5px;position:relative;background:white}.ref-card img,.ref-doc{width:100%;height:43px;object-fit:contain;display:grid;place-items:center;background:#f4f6f0;border-radius:4px;font-size:10px}.ref-card .ref-alias{font-size:9px;font-weight:bold;display:block;margin-top:3px;cursor:pointer}.ref-card select{width:100%;font-size:8px;border:0;color:var(--muted);background:white;padding:3px 0}.ref-remove{position:absolute;right:1px;top:0;border:0;background:#fff9;font-size:14px}.ref-missing{font-size:8px;color:#a06633}.design{padding:25px 28px;min-width:0}.design-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;gap:15px}.design-top h2{font:20px var(--serif);margin:6px 0 0}.pill{border:1px solid #e4e2d5;background:#f7f6ee;color:#797665;white-space:nowrap;padding:5px 9px;font-size:9px;border-radius:20px}.preview-stage{position:relative;min-height:365px;aspect-ratio:1.23;border:1px solid #e0e5dc;border-radius:14px;background:radial-gradient(ellipse at top,#fafbf6,#ecf0e9);overflow:hidden;display:flex;align-items:center;justify-content:center}.empty-preview{text-align:center;padding:40px 15px}.paper-stack{width:99px;height:123px;margin:0 auto 32px;transform:rotate(-8deg);border:1px solid #d7dfd2;background:white;box-shadow:12px 9px 0 -1px #f7f9f2,12px 9px 0 0 #d6decf,0 18px 30px #506f3210;display:grid;place-items:center}.paper-stack span{font-size:32px;transform:rotate(8deg);color:#a2b39b}.empty-preview h3{font:21px var(--serif);margin:0 0 10px}.empty-preview p{font-size:10px;line-height:1.7;color:#8a9989}.process-pills{display:flex;gap:9px;justify-content:center;margin-top:25px}.process-pills span{font-size:8px;padding:5px 8px;background:#ffffffb0;border:1px solid #e0e7dc;border-radius:15px;color:#83917e}#preview-image{width:100%;height:100%;position:absolute;object-fit:contain;padding:16px}#preview-overlay{position:absolute;inset:0;background:#f4f8f1ef;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:12px}#preview-overlay:not([hidden]){display:flex}#preview-overlay p{font-size:10px;color:var(--muted)}.spinner{height:34px;width:34px;border:2px solid #d6e3d6;border-top-color:var(--forest);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:18px}@keyframes spin{to{transform:rotate(360deg)}}.design-controls{padding:17px 0 12px}.preview-actions{display:flex;gap:10px;align-items:center}.primary,.secondary{display:inline-block;padding:11px 15px;border-radius:9px;font-size:11px;font-weight:650}.primary{background:var(--forest);color:#fff;border:1px solid var(--forest)}.secondary{background:#fff;border:1px solid var(--line);color:var(--forest)}#generation-note{color:var(--muted);font-size:9px;line-height:1.6;margin:9px 0 0}.versions{display:flex;gap:7px;overflow-x:auto;margin-bottom:12px}.versions:empty{display:none}.versions button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:10px;white-space:nowrap}.versions button.selected{border-color:var(--forest);background:#eaf2e7}.brief-summary{border:1px solid var(--line);border-radius:11px;background:#fff;padding:14px 16px;margin-top:4px}.brief-summary summary{font-size:11px;font-weight:650;cursor:pointer;list-style:none}.brief-summary summary span{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:4px}#brief-fields{margin-top:12px}.brief-row{border-top:1px solid #eef2eb;padding:8px 0;display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;font-size:10px;overflow-wrap:anywhere}.brief-row>span{color:var(--muted)}.brief-row p{margin:0;white-space:pre-wrap}.brief-row small{display:block;font-size:8px;color:#a17639}.muted{color:var(--muted);font-size:10px}#pending-fields{font-size:9px;color:#8b907b;line-height:1.6}.production-note{display:flex;gap:10px;margin-top:16px;color:#86917f}.production-note>span{font-size:25px;line-height:1.1}.production-note p{font-size:9px;line-height:1.6;margin:0}.production-note strong{display:block;font-weight:600}.mobile-tabs{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid var(--line);border-radius:16px;max-width:510px;width:calc(100% - 32px);padding:24px;color:var(--ink);box-shadow:0 20px 70px #12342225}dialog::backdrop{background:#172b254a;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.dialog-heading h2{margin:0;font:25px var(--serif)}.dialog-heading button{border:0;background:none;font-size:25px;color:var(--muted)}dialog p{font-size:12px;color:var(--muted);line-height:1.75}dialog label{font-size:11px;display:block;margin:18px 0 7px}dialog textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:12px;resize:vertical}.limit-note{font-size:10px;background:#f7f7ec;padding:12px;border-radius:8px;color:#77765b;margin:15px 0}dialog>.primary{margin-top:10px}#history-list button{display:block;width:100%;text-align:left;padding:13px;border:1px solid var(--line);border-radius:8px;background:white;margin-bottom:8px}#history-list small{display:block;font-size:10px;color:var(--muted)}#toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);z-index:20;max-width:570px;width:calc(100% - 35px);padding:13px 17px;border:1px solid #e1d6bd;border-radius:10px;background:#fffaf0;box-shadow:0 7px 30px #152e271a;font-size:12px}[hidden]{display:none!important}
@media(min-width:1600px){.studio-grid{grid-template-columns:minmax(430px,.9fr) minmax(550px,1.2fr)}.design{padding:32px 46px}.preview-stage{max-height:560px}.messages{padding:30px 35px}.guide-heading{padding-left:35px}.composer-area{padding-left:30px;padding-right:30px}.welcome{padding-top:45px}.welcome h2{font-size:40px;max-width:340px}}
@media(max-width:1150px){.sidebar{width:193px;padding:24px 15px}.brand{font-size:15px}.brand-mark{width:34px;height:34px}.workspace{margin-left:193px}.topbar{padding:18px 22px}.studio-grid{grid-template-columns:minmax(315px,.94fr) minmax(335px,1fr)}.design{padding:22px 18px}.messages{padding:21px 20px}.guide-heading{padding:17px 20px}.preview-stage{min-height:350px;aspect-ratio:1}.design-top h2{font-size:18px}.pill{display:none}.process-pills{gap:5px}.process-pills span{padding:4px 6px;font-size:7px}}
@media(max-width:900px){.sidebar{width:174px;padding:20px 13px}.workspace{margin-left:174px}.studio-grid{display:block}.conversation{height:calc(100dvh - 141px);min-height:450px;border-right:0;position:relative}.design{display:none;min-height:calc(100dvh - 142px)}body.show-design .conversation{display:none}body.show-design .design{display:block}.mobile-tabs{height:42px;display:flex;background:white;border-bottom:1px solid var(--line);padding:0 20px;gap:22px}.mobile-tabs button{background:none;border:0;border-bottom:2px solid transparent;font-size:12px;color:var(--muted)}.mobile-tabs button.active{color:var(--forest);border-bottom-color:var(--forest)}.mobile-tabs span{font-size:9px;background:#eef3eb;padding:1px 5px;border-radius:6px}.preview-stage{aspect-ratio:1.15;min-height:330px}.topbar{height:100px}.welcome{max-width:450px;padding-top:22px}.welcome h2{max-width:350px}.welcome p{max-width:400px}.welcome small{max-width:430px}.messages{padding:22px 28px}.composer-area{padding-left:25px;padding-right:25px}.guide-heading{padding:16px 26px}.design-top h2{font-size:23px}}
@media(max-width:600px){.sidebar{display:none}.workspace{margin:0}.topbar{height:76px;padding:12px 19px}.topbar h1{font-size:23px;max-width:245px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .eyebrow{font-size:8px}.top-actions{gap:8px}.top-actions .avatar{display:none}.top-actions button{font-size:10px}.conversation{height:calc(100dvh - 119px);min-height:470px}.guide-heading{padding:14px 20px}.messages{padding:22px 20px}.welcome{padding-top:16px}.welcome h2{font-size:32px}.composer-area{padding:5px 15px 10px}.choices{padding:0 20px 8px}.design{padding:22px 18px}.preview-stage{min-height:320px}.design-top h2{font-size:22px}.production-note{margin-bottom:15px}.references-heading span{font-size:7px}.new-mobile{position:fixed}.brief-row{grid-template-columns:98px 1fr}.privacy-note{font-size:7px}.preview-actions .primary,.preview-actions .secondary{padding:10px 12px}}