@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color:#211f1a;font-synthesis:none;--paper:#eee9df;--ink:#211f1a;--rule:#b9b2a6;--mono:"IBM Plex Mono",monospace;background:#24231f;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,textarea{font:inherit}button{color:inherit}.app{background:#292824;grid-template:48px 1fr/350px 1fr;height:100%;display:grid}.app.menu-closed{grid-template-columns:0 1fr}.app-bar{background:var(--paper);border-bottom:1px solid var(--ink);z-index:20;grid-column:1/-1;justify-content:space-between;align-items:center;height:48px;padding:0 18px;display:flex}.brand,.project-button,.more{cursor:pointer;font-family:var(--mono);letter-spacing:.08em;background:0 0;border:0;font-size:11px}.brand{padding:0;font-weight:500}.brand span{opacity:.52}.header-actions{align-items:center;gap:20px;display:flex}.project-button{text-align:right;min-width:160px}.project-button span{margin-left:7px}.more{letter-spacing:.12em;font-size:16px}.popover-wrap{position:relative}.popover{background:var(--paper);border:1px solid var(--ink);z-index:30;width:168px;padding:5px;position:absolute;top:32px;left:0;box-shadow:4px 4px #0002}.popover.right{width:190px;left:auto;right:0}.popover button{text-align:left;width:100%;font:10px var(--mono);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:10px}.popover button:hover{background:var(--ink);color:var(--paper)}.side-panel{background:var(--paper);border-right:1px solid var(--ink);z-index:10;flex-direction:column;min-width:350px;transition:transform .25s;display:flex;overflow:hidden}.menu-closed .side-panel{transform:translate(-100%)}.side-panel nav{border-bottom:1px solid var(--ink);flex:none;grid-template-columns:repeat(4,1fr);height:44px;display:grid}.side-panel nav button{border:0;border-right:1px solid var(--rule);font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0}.side-panel nav button:last-child{border:0}.side-panel nav button.active{background:var(--ink);color:var(--paper)}.side-panel nav button:disabled{opacity:.3;cursor:default}.panel-scroll{scrollbar-width:none;flex:1;overflow:auto}.panel-scroll::-webkit-scrollbar{display:none}.panel-section{border-bottom:1px solid var(--rule);padding:34px 24px 28px 70px;position:relative}.panel-section.compact{padding-top:28px;padding-bottom:26px}.section-no{font:11px var(--mono);position:absolute;top:38px;left:24px}.panel-section h1{letter-spacing:-.045em;margin:0 0 9px;font-size:28px;font-weight:500;line-height:1}.panel-section p{color:#655f56;max-width:230px;margin:0 0 26px;font-size:12px;line-height:1.55}.primary,.next,.source-handoff,.paired button{border:1px solid var(--ink);cursor:pointer;border-radius:0;width:100%}.primary{background:var(--ink);min-height:44px;color:var(--paper);font:10px var(--mono);letter-spacing:.08em;padding:12px}.primary:disabled{opacity:.45;cursor:wait}.source-handoff{text-align:left;background:0 0;flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:8px;padding:14px;display:flex}.source-handoff span{font:11px var(--mono)}.source-handoff small{font:8px var(--mono);color:#6e685e;letter-spacing:.06em}.drop-zone{color:#777065;text-align:center;font:9px var(--mono);letter-spacing:.06em;border:1px dashed #918a7f;margin-top:9px;padding:13px}.next{font:9px var(--mono);letter-spacing:.04em;background:0 0;margin-top:22px;padding:11px}.next:disabled{opacity:.3}.source-file{border-top:1px solid var(--rule);grid-template-columns:44px 1fr auto;align-items:center;gap:10px;margin-top:22px;padding-top:16px;display:grid}.source-file img{object-fit:cover;width:44px;height:34px}.source-file span{white-space:nowrap;text-overflow:ellipsis;min-width:0;font:9px var(--mono);overflow:hidden}.source-file b{color:#777065;margin-bottom:4px;font-size:8px;display:block}.source-file button{font:8px var(--mono);cursor:pointer;background:0 0;border:0;text-decoration:underline}.field-label{font:9px var(--mono);letter-spacing:.08em;margin-bottom:8px;display:block}.panel-section textarea{resize:vertical;border:1px solid var(--ink);width:100%;height:210px;color:var(--ink);background:#f4f0e8;border-radius:0;outline:none;padding:14px;font-size:13px;line-height:1.55}.panel-section textarea:focus{box-shadow:inset 0 0 0 1px var(--ink)}.text-meta{text-align:right;color:#777065;font:8px var(--mono);margin:7px 0 20px}.segments{grid-template-columns:repeat(4,1fr);display:grid}.segments.two{grid-template-columns:repeat(2,1fr)}.segments button{border:1px solid var(--ink);font:9px var(--mono);cursor:pointer;background:0 0;border-right:0;padding:11px 3px}.segments button:last-child{border-right:1px solid var(--ink)}.segments button.active{background:var(--ink);color:var(--paper)}.render-button{margin-top:4px}.progress{background:#cac4b9;height:2px;margin-top:10px}.progress i{background:var(--ink);height:100%;transition:width .3s;display:block}.metadata{margin:4px 0 0}.metadata div{border-top:1px solid var(--rule);font:9px var(--mono);justify-content:space-between;padding:7px 0;display:flex}.metadata dt{color:#756f65}.metadata dd{margin:0}.paired{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.paired button{font:9px var(--mono);letter-spacing:.04em;background:0 0;padding:11px 5px}.error{color:#713c29;border:1px solid #874a34;margin:18px 24px;padding:12px;font-size:11px;line-height:1.45}.collapse{border:0;border-top:1px solid var(--ink);background:var(--paper);height:38px;font:9px var(--mono);cursor:pointer;letter-spacing:.05em}.reopen{z-index:12;border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--paper);font:9px var(--mono);letter-spacing:.05em;cursor:pointer;padding:14px 12px;position:fixed;top:48px;left:0}.workspace{background:#2b2a26;justify-content:center;align-items:center;min-width:0;min-height:0;padding:26px;display:flex;position:relative;overflow:hidden}.image-stage{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.image-stage img{object-fit:contain;max-width:100%;max-height:100%;display:block;box-shadow:0 10px 50px #0004}.image-stage.is-rendering img{filter:saturate(.7)brightness(.72)}.render-status{background:var(--paper);font:9px var(--mono);letter-spacing:.08em;align-items:baseline;gap:50px;padding:14px 17px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.render-status b{font-size:17px;font-weight:400}.empty{color:#c6c0b6;text-align:center}.empty span{font:10px var(--mono);opacity:.6;margin-bottom:12px;display:block}.empty p{margin:0 0 20px;font-size:18px}.empty button{color:inherit;font:9px var(--mono);cursor:pointer;background:0 0;border:1px solid #c6c0b6;padding:11px 14px}.filmstrip{height:66px;color:var(--paper);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#211f1ae0;align-items:center;gap:8px;padding:7px 10px;display:flex;position:absolute;bottom:18px;left:24px;right:24px}.filmstrip>span{font:8px var(--mono);letter-spacing:.08em;margin:0 10px 0 3px}.filmstrip button{cursor:pointer;background:0 0;border:1px solid #0000;width:70px;height:50px;padding:0;position:relative}.filmstrip button.active{border-color:var(--paper)}.filmstrip img{object-fit:cover;width:100%;height:100%;display:block}.filmstrip i{background:var(--ink);color:var(--paper);font:7px var(--mono);padding:2px;font-style:normal;position:absolute;bottom:2px;right:3px}@media (width<=760px){.app,.app.menu-closed{grid-template-columns:1fr}.side-panel{width:min(350px,90vw);min-width:0;position:fixed;top:48px;bottom:0;left:0;box-shadow:16px 0 40px #0004}.workspace{grid-column:1;padding:12px}.project-button{min-width:0}.brand span{display:none}.header-actions{gap:8px}.filmstrip{bottom:8px;left:8px;right:8px}.menu-open .workspace:after{content:"";pointer-events:none;background:#0003;position:absolute;inset:0}}