@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f6f5f0;--ink:#262923;--muted:#82847b;--line:#e6e7df;--orange:#dc603e;--pale:#faeae3;--green:#49694c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,label.upload{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .18s,transform .18s}button:hover{filter:brightness(.97)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button{color:inherit}header{height:88px;padding:0 4.5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font-size:19px;font-weight:700;letter-spacing:-.6px}.brand-icon{background:var(--orange);color:white;border-radius:10px;width:34px;height:34px;display:grid;place-items:center;font-size:31px}.beta{font-size:9px;letter-spacing:1.1px;color:var(--muted);border-left:1px solid #d8dad0;padding-left:16px;margin-left:10px;font-weight:500}.header-actions{display:flex;gap:10px}.header-actions button{background:transparent;border:1px solid #dcded3;padding:9px 13px;border-radius:7px;font-size:12px}main{max-width:1530px;padding:0 4.5%;margin:auto}.intro{padding:46px 0 36px;display:flex;justify-content:space-between;align-items:center}.eyebrow{color:var(--orange);font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:15px}h1{font-family:Manrope,sans-serif;font-size:55px;font-weight:600;line-height:1.13;letter-spacing:-2.8px;margin:0 0 18px}h1 span{color:var(--orange)}.intro p{font-size:14px;line-height:1.7;color:#777b70;margin:0}.intro-note{border-left:1px solid #d9dccf;padding-left:25px;min-width:285px;transform:rotate(-2deg)}.intro-note strong{display:block;font-size:13px;margin:10px 0}.intro-note p{font-size:12px}.note-icon{font-size:25px;color:var(--orange)}.workspace-bar{display:flex;justify-content:space-between;border-bottom:1px solid #daddd2;align-items:center;margin-bottom:25px}.tabs{display:flex;gap:28px}.tab{border:0;background:none;padding:16px 0;color:var(--muted);font-size:13px;position:relative}.tab.active{font-weight:700;color:var(--ink)}.tab.active:after{content:'';position:absolute;bottom:-1px;height:2px;background:var(--orange);left:0;right:0}.tab span{background:#e9e9e1;border-radius:4px;padding:2px 5px;font-size:10px;margin-left:5px}.storage-note{font-size:10px;color:#7c8875}.workspace{display:grid;grid-template-columns:minmax(240px,.94fr) minmax(340px,1.4fr) minmax(280px,1.04fr);gap:18px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px}.panel-heading{display:flex;align-items:center;gap:9px;margin-bottom:23px}.panel-heading h2{font-size:15px;letter-spacing:-.3px;margin:0;font-weight:600}.step{display:grid;place-items:center;border:1px solid #e4e4da;border-radius:50%;height:23px;width:23px;font-size:9px;color:var(--muted)}label{display:block;font-size:11px;font-weight:600;margin:17px 0 8px}.small-label{font-size:9px;color:var(--muted);letter-spacing:1px;margin-top:0}input,select,textarea{border:1px solid #e2e4db;background:#fcfcfa;border-radius:6px;color:var(--ink);padding:10px 11px;min-width:0;width:100%;font-size:12px}textarea{line-height:1.65;resize:vertical}input::placeholder,textarea::placeholder{color:#a0a298}.select-row{display:flex;gap:7px}.select-row button{border:1px solid var(--line);background:white;border-radius:6px;font-size:23px;min-width:35px}.upload{height:198px;background:repeating-linear-gradient(45deg,#f6f6f1,#f6f6f1 10px,#f3f4ee 10px,#f3f4ee 11px);border:1px dashed #cdd1c3;border-radius:8px;margin:17px 0 0;position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}.upload.drag{border-color:var(--orange);background:var(--pale)}.upload img{width:100%;height:100%;object-fit:contain;background:#f0f0e9}.upload-placeholder{text-align:center;padding-bottom:17px;display:grid;gap:8px}.portrait-icon{font-size:39px;color:#9ca68f;font-weight:400}.upload strong{font-size:12px;font-weight:500}.upload small{font-size:10px;color:var(--muted);font-weight:400}.image-tag{position:absolute;bottom:10px;left:10px;background:#fffE;border:1px solid #e4e7dc;padding:5px 7px;font-size:8px;font-weight:600;letter-spacing:.8px;border-radius:3px}.optional{color:#a0a395;font-weight:400;font-size:10px;margin-left:3px}.outfit-heading{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.lock-badge{font-size:7px;letter-spacing:.5px;color:var(--green);background:#eef3e9;border-radius:4px;padding:4px 5px}.outfit-upload{border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:8px;padding:10px;cursor:pointer;font-size:10px;margin-top:10px}.outfit-upload>span:first-child{font-size:19px;color:#8d947e}.outfit-upload small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:3px}.outfit-preview{max-height:130px;max-width:100%;margin-top:7px;border-radius:5px}.subtle-button{margin-top:15px;background:#f5f5ef;border:0;border-radius:6px;font-size:10px;padding:10px;width:100%}.micro{font-size:10px;color:#93968a;line-height:1.65}.text-button{background:none;border:0;padding:6px 0;text-align:left;font-size:10px;color:#6e7d61}.danger{color:#9b756b}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h3{font-size:12px;font-weight:600;margin:0}.section-title>span{font-size:8px;color:#969b8e;letter-spacing:.7px}.angle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.angle{border:1px solid var(--line);background:white;border-radius:7px;padding:10px 3px 9px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;min-height:92px}.angle svg{height:44px;width:50px}.angle.active{background:#fbf0e9;border-color:#dc896d;color:#ad5136}.angle.active:after{content:'SELECTED';font-size:6px;letter-spacing:1px;position:absolute;opacity:0}.angle small{font-size:8px;color:#a0a495}.spaced{margin-top:25px}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.style{display:flex;align-items:center;gap:9px;background:white;border:1px solid var(--line);border-radius:6px;text-align:left;padding:9px;font-size:10px}.style .swatch{width:28px;height:31px;display:grid;place-items:center;font-size:19px;border-radius:4px;background:#ecece1;color:#747d61}.style.active{border-color:#e1a28e;background:#fdf7f3}.style small{display:block;font-size:8px;margin-top:2px;color:#969b8e}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.consistency-note{border-top:1px solid var(--line);display:flex;gap:12px;margin-top:19px;padding-top:16px;color:#78846e}.consistency-note>span{font-size:25px}.consistency-note p{font-size:10px;line-height:1.65;margin:0}.consistency-note strong{display:block;color:#5f6f54;font-weight:600}.prompt-panel{background:#f0f1e9;border-color:#e0e3d4}.live-dot{margin-left:auto;font-size:8px;letter-spacing:1px;color:#7e9272}.live-dot:before{content:'●';margin-right:5px;font-size:6px}.prompt-summary{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.prompt-summary span{font-size:9px;border:1px solid #d5dbc9;background:#f7f8f1;padding:5px 8px;border-radius:4px;color:#657559}#prompt{height:396px;font-size:11px;line-height:1.9;background:#fafbf6;border:1px solid #e0e4d5;padding:16px;resize:vertical}.primary{width:100%;background:var(--orange);color:white;border:0;padding:13px 15px;text-align:left;border-radius:6px;font-size:12px;margin-top:9px;font-weight:600}.primary span{float:right;font-size:16px}.save-button{width:100%;padding:11px;background:transparent;border:1px solid #cfd5c3;border-radius:6px;font-size:11px;margin-top:9px}.attach-reminder{display:flex;gap:10px;border-top:1px solid #dce1d0;margin-top:23px;padding-top:20px}.attach-reminder>span{font-size:20px;color:#798c69}.attach-reminder strong{font-size:10px;font-weight:600}.attach-reminder p,details p{font-size:10px;color:#7c8672;line-height:1.7;margin:7px 0 0}details{border-top:1px solid #dce1d0;margin-top:15px;padding-top:15px}summary{font-size:10px;color:#6d7b60;cursor:pointer}footer{display:flex;justify-content:space-between;align-items:center;margin:32px 0 20px;color:#989c8d;font-size:9px}footer>span:first-child{letter-spacing:1px;font-size:8px}footer p{font-size:11px}.library-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0}.library-heading h2{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:0}.library-heading p{color:var(--muted);font-size:12px}.library-heading input{width:240px}#savedList{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;min-height:300px}.saved-card{padding:24px;border:1px solid var(--line);background:white;border-radius:10px;align-self:start}.saved-card h3{margin:0 0 7px;font-size:15px}.saved-card small{color:var(--orange);font-size:10px}.saved-card p{white-space:pre-wrap;color:#7b8072;font-size:11px;line-height:1.8;max-height:145px;overflow:auto}.saved-actions{display:flex;gap:9px}.saved-actions button{border:1px solid var(--line);background:var(--paper);border-radius:5px;padding:8px 12px;font-size:10px}.empty{grid-column:1/-1;text-align:center;border:1px dashed #cfd5c3;border-radius:10px;padding:70px 20px;color:#7e8874}.empty strong{display:block;font-size:19px;color:#59664e;margin-bottom:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:#303c2c;color:#fff;padding:12px 23px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%)}[hidden]{display:none!important}@media(min-width:1500px){.panel{padding:27px}.intro{padding-top:55px}.upload{height:225px}#prompt{height:430px}}@media(max-width:1100px){main{padding:0 3%}header{padding:0 3%}.workspace{grid-template-columns:1fr 1.4fr}.prompt-panel{grid-column:1/-1}#prompt{height:250px}.intro-note{min-width:240px}.beta{display:none}#savedList{grid-template-columns:1fr 1fr}}@media(max-width:650px){header{height:70px}.brand{font-size:15px}.brand-icon{width:29px;height:29px}.header-actions{gap:4px}.header-actions button{font-size:10px;padding:8px}.intro{padding:32px 0 25px}.intro-note{display:none}h1{font-size:44px}.intro p{font-size:12px}.workspace{grid-template-columns:1fr;gap:14px}.prompt-panel{grid-column:auto}.panel{padding:20px}.upload{height:240px}.storage-note{font-size:8px}.tabs{gap:20px}.tab{font-size:11px}footer{flex-wrap:wrap;gap:9px}footer p{display:none}.library-heading{display:block}.library-heading input{width:100%;margin-top:10px}#savedList{grid-template-columns:1fr}.angle{min-height:97px}}

.emotion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.emotion{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid var(--line);border-radius:7px;background:white;padding:9px 3px;font-size:10px;min-height:105px}.emotion svg{width:43px;height:45px;color:#7b866d}.emotion small{font-size:8px;color:#969b8e}.emotion.active{background:#fbf0e9;border-color:#dc896d;color:#ad5136}.emotion.active svg{color:#ad5136}.emotion:disabled{opacity:.42;cursor:default}#expressionOrder{margin-bottom:17px}.two-fields #intensity{height:38px}