:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#17211d;background:#eef0ec;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#eef0ec}button,input,textarea{font:inherit}button{border:0}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:#32423b;background:#eef0ec}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{height:100vh;display:grid;grid-template-rows:72px 1fr;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #d7ddd5;background:#fafbf8eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-block,.top-actions,.stage-actions,.stage-metrics,.brand-mark,.ghost-button,.primary-button,.rail-action,.full-button{display:flex;align-items:center}.brand-block{gap:12px}.brand-mark{width:38px;height:38px;justify-content:center;color:#f5f7f3;background:#1f4f43;border-radius:8px}h1,h2,h3,p{margin:0}.brand-block h1{font-size:17px;line-height:1.2;letter-spacing:0}.brand-block p{margin-top:4px;font-size:12px;color:#69766f}.top-actions{gap:10px}.upload-picker{max-width:230px;height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#21342d;border:1px solid #cfd8d1;border-radius:8px;background:#fbfcf9;cursor:pointer}.upload-picker span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.upload-picker input{display:none}.save-hint{min-width:92px;color:#69766f;font-size:13px;text-align:right}.ghost-button,.primary-button,.rail-action,.full-button{height:36px;gap:8px;justify-content:center;padding:0 14px;border-radius:8px;cursor:pointer;transition:background .16s ease,transform .16s ease,opacity .16s ease}.ghost-button{color:#21342d;border:1px solid #cfd8d1;background:#fbfcf9}.primary-button,.full-button.dark{color:#fff;background:#1f4f43}.ghost-button:hover,.primary-button:hover,.rail-action:hover,.full-button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.58;transform:none!important}.workspace{min-height:0;display:grid;grid-template-columns:260px 1fr 376px}.screen-rail,.inspector{min-height:0;border-right:1px solid #d7ddd5;background:#f7f8f5}.screen-rail{display:grid;grid-template-rows:auto auto auto 1fr auto;padding:18px 14px}.document-source{display:grid;gap:5px;margin-bottom:14px;padding:12px;border:1px solid #d8dfd8;border-radius:8px;background:#fff}.document-source span,.document-source small{color:#7b8780;font-size:12px}.document-source strong{overflow:hidden;color:#22362f;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.rail-summary{display:flex;align-items:flex-end;justify-content:space-between;color:#69766f}.rail-summary strong{color:#17211d;font-size:34px;line-height:1}.rail-summary span{padding-bottom:4px;font-size:13px}.progress-strip{height:4px;margin:18px 0;overflow:hidden;border-radius:999px;background:#dfe5dd}.progress-strip span{display:block;height:100%;background:#c76f4b;transition:width .22s ease}.screen-list{min-height:0;display:flex;flex-direction:column;gap:8px;overflow:auto;padding-right:2px}.screen-item{width:100%;min-height:64px;display:grid;grid-template-columns:36px 1fr 12px;align-items:center;gap:10px;padding:10px;color:#283832;text-align:left;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer}.screen-item:hover,.screen-item.is-active{background:#fff;border-color:#d8dfd8}.screen-index{width:34px;height:34px;display:grid;place-items:center;color:#6d7a73;border-radius:8px;background:#eef1ec;font-size:12px;font-weight:700}.screen-main{min-width:0;display:grid;gap:5px}.screen-main strong,.screen-main small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.screen-main strong{font-size:14px}.screen-main small{color:#7b8780;font-size:12px}.screen-dot{width:9px;height:9px;border-radius:50%;background:#c7cec8}.screen-dot.ready{background:#c76f4b}.rail-action{width:100%;margin-top:14px;color:#1f4f43;background:#e4ebe4}.canvas-stage{min-height:0;display:grid;grid-template-rows:auto 1fr auto;padding:22px;overflow:hidden}.stage-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.eyebrow{color:#c76f4b;font-size:12px;font-weight:700;text-transform:uppercase}.stage-header h2{margin-top:4px;font-size:25px;line-height:1.15;letter-spacing:0}.stage-metrics{gap:8px}.stage-metrics span{min-width:72px;padding:7px 10px;color:#536058;text-align:center;border:1px solid #d8ded7;border-radius:8px;background:#f8faf6;font-size:12px}.canvas-frame{min-height:0;display:grid;place-items:center;overflow:hidden}.canvas-ratio{position:relative;width:min(46vh,420px);aspect-ratio:3 / 4;overflow:hidden;border-radius:8px;background:#dbe3de;box-shadow:0 28px 80px #1e2e2624}.generated-image,.image-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.image-placeholder{background:linear-gradient(135deg,#ffffff52,#fff0),#dfe7df}.image-placeholder span{position:absolute;right:16%;top:27%;width:26%;height:44%;border-radius:44px;background:#c76f4b;box-shadow:0 -42px 0 -8px #1f4f43,0 32px 70px #1f4f4338}.image-placeholder.feature span,.image-placeholder.detail span{right:24%;top:24%;width:44%;height:34%;border-radius:50%;background:#9bb3aa;box-shadow:inset 0 0 0 52px #ffffff3d,0 32px 70px #1f4f432e}.overlay{position:absolute;inset:0}.safe-area{position:absolute;border:1px dashed rgba(31,79,67,.28);pointer-events:none}.copy-layer{position:absolute;display:flex;flex-direction:column;gap:14px;line-height:1.18;word-break:break-word}.copy-layer h3{max-width:11em;font-weight:850;letter-spacing:0;line-height:1.05}.copy-layer .subtitle{max-width:17em;font-weight:650;line-height:1.28}.copy-layer .body-copy{max-width:20em;margin:0;line-height:1.4;white-space:pre-line}.stage-actions{justify-content:center;gap:10px;padding-top:16px}.inspector{border-right:0;border-left:1px solid #d7ddd5;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:14px;border-bottom:1px solid #d7ddd5}.tabs button{height:34px;display:flex;align-items:center;justify-content:center;gap:6px;color:#5f6d65;border-radius:8px;background:transparent;cursor:pointer}.tabs button.is-active{color:#1f4f43;background:#e4ebe4}.panel-body{min-height:0;display:flex;flex-direction:column;gap:16px;padding:18px;overflow:auto}.field{display:grid;gap:8px}.field>span,.image-state,.export-status{display:flex;align-items:center;justify-content:space-between;gap:12px}.field strong,.image-state span,.export-status span{font-size:13px;color:#2c3b34}.field small,.image-state strong,.export-status strong{color:#7a877f;font-size:12px}input,textarea{width:100%;color:#17211d;border:1px solid #d3dbd4;border-radius:8px;outline:0;background:#fff}input{height:38px;padding:0 12px}input[type=color]{padding:4px}textarea{min-height:94px;resize:vertical;padding:10px 12px;line-height:1.48}.prompt-box{min-height:164px}input:focus,textarea:focus{border-color:#8fb1a2;box-shadow:0 0 0 3px #1f4f431a}.point-stack{display:grid;gap:8px}.full-button{width:100%;color:#1f4f43;background:#e4ebe4}.reference-uploader{display:grid;gap:10px;padding:12px;border:1px solid #d9dfd9;border-radius:8px;background:#fff}.reference-preview,.reference-empty,.reference-actions{display:flex;align-items:center}.reference-preview{gap:10px;min-width:0}.reference-preview img,.reference-empty{width:74px;height:74px;flex:0 0 auto;border-radius:8px;background:#eef2ed}.reference-preview img{object-fit:cover}.reference-preview div{min-width:0;display:grid;gap:5px}.reference-preview strong{overflow:hidden;color:#22362f;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.reference-preview small{color:#7a877f;font-size:12px}.reference-empty{width:100%;justify-content:center;gap:8px;color:#6d7a73;border:1px dashed #c6d0c8;font-size:13px}.reference-actions{gap:8px}.reference-file-input{display:none}.reference-upload-button{flex:1}.icon-button{width:36px;padding:0}.segmented-grid,.segmented-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.segmented-grid button,.segmented-row button{min-height:34px;color:#536058;border-radius:8px;background:#eef2ed;cursor:pointer}.segmented-grid button.is-active,.segmented-row button.is-active{color:#fff;background:#1f4f43}.slider-field input{padding:0;accent-color:#1f4f43}.toggle-line{display:flex;align-items:center;gap:9px;color:#2c3b34;font-size:13px}.toggle-line input{width:16px;height:16px}.image-state,.export-status{padding:12px;border:1px solid #d9dfd9;border-radius:8px;background:#fff}.inline-warning{margin:-6px 0 0;color:#9a5a31;font-size:12px;line-height:1.45}.file-link,.export-list a{color:#1f4f43;text-decoration:none;font-size:13px}.file-link{display:block;padding:12px;border:1px solid #d9dfd9;border-radius:8px;background:#fff}.export-list{display:flex;flex-wrap:wrap;gap:8px}.export-list a{padding:7px 10px;border-radius:8px;background:#edf1ec}@media(max-width:1280px){.workspace{grid-template-columns:232px 1fr 340px}.canvas-ratio{width:min(42vh,392px)}}@media(max-width:980px){.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar{position:sticky;top:0;z-index:5}.workspace{min-height:calc(100vh - 72px);grid-template-columns:220px 1fr;grid-template-rows:minmax(620px,auto) auto}.screen-rail,.canvas-stage{grid-row:1}.inspector{grid-column:1 / -1;border-left:0;border-top:1px solid #d7ddd5}.canvas-ratio{width:min(420px,calc(100vw - 260px))}}@media(max-width:720px){.topbar{min-height:96px;align-items:flex-start;flex-direction:column;padding:14px;gap:10px}.workspace{grid-template-columns:1fr;grid-template-rows:auto auto auto}.screen-rail,.canvas-stage,.inspector{grid-column:1}.screen-rail{max-height:360px}.canvas-ratio{width:min(420px,calc(100vw - 36px))}}