@charset "UTF-8";
:root{--paper:#f5f4ef;--white:#fff;--ink:#20232b;--muted:#777c86;--line:#dedfdc;--blue:#224ef2;--blue-light:#edf1ff;--orange:#ee7b3d;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;--serif:Georgia,"Noto Serif SC","Songti SC","SimSun",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #224ef23d;border-color:var(--blue)}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.mono,.eyebrow,.edition-line,.panel-heading,.number-tag{font-family:var(--mono)}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--muted)}.blue-dot{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #224ef20b}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:46px;padding:11px 19px;border-radius:7px;font-size:13px;font-weight:600;border:1px solid transparent;white-space:nowrap;transition:background .18s,transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button.blue{background:var(--blue);color:white;box-shadow:0 4px 12px #224ef21a}.button.blue:hover{background:#163edd;box-shadow:0 7px 18px #224ef230}.button.ink{background:var(--ink);color:white}.button.ink:hover{background:#090c12}.button.line{border-color:var(--line);background:var(--white)}.button.line:hover{border-color:#9ba4bd}.button.small{font-size:12px;min-height:38px;padding:8px 13px}.button.full{width:100%}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.text-link{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--blue)}.fold-logo{position:relative;display:inline-block;width:28px;height:32px;flex:none}.fold-logo i{position:absolute;display:block;background:var(--blue);transform:skewY(-10deg);transition:transform .35s}.fold-logo i:nth-child(1){width:28px;height:11px;top:0;clip-path:polygon(0 0,100% 0,66% 100%,0 100%)}.fold-logo i:nth-child(2){width:22px;height:9px;top:13px;clip-path:polygon(0 0,100% 0,62% 100%,0 100%);background:#6382fa}.fold-logo i:nth-child(3){width:9px;height:10px;top:24px}.fold-logo.mini{width:20px;height:24px;transform:scale(.7);transform-origin:left center}.fold-logo.big{transform:scale(1.5);margin:12px}.brand{display:inline-flex;align-items:center;gap:11px;flex:none}.brand b{font-size:23px;font-weight:750;letter-spacing:-1px;line-height:1}.brand b>span{font:10px var(--sans);vertical-align:top;margin-left:2px}.brand:hover .fold-logo i:nth-child(1){transform:skewY(-10deg) translateX(3px)}.app-header{height:77px;display:flex;align-items:center;gap:60px;padding:0 40px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f5f4eff2;backdrop-filter:blur(16px);z-index:30}.app-header nav{display:flex;align-items:center;gap:32px;align-self:stretch}.app-header nav a{display:flex;align-items:center;position:relative;font-size:12px;gap:5px;white-space:nowrap;color:#777b83}.app-header nav a:after{content:"";position:absolute;height:2px;background:var(--blue);bottom:0;left:0;right:0;transform:scaleX(0);transition:transform .2s}.app-header nav a.active{color:var(--ink)}.app-header nav a.active:after{transform:scaleX(1)}.app-header nav a span{font:9px var(--mono);background:#e5e6e1;padding:1px 4px;border-radius:3px}.header-end{margin-left:auto;display:flex;align-items:center;gap:21px}.fx-toggle{display:flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap;color:var(--muted);padding:9px 0}.fx-toggle i{width:5px;height:5px;border-radius:50%;background:#4e886e}.fx-toggle[aria-pressed=false] i{background:#999}.view{animation:view-in .3s ease both}.home-view,.library-view,.guide-view{max-width:1440px;margin:auto;padding:0 64px}.edition-line{display:flex;justify-content:space-between;margin-top:26px;color:#9599a1;font-size:9px;letter-spacing:1.3px}.creation-stage{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;position:relative;padding:37px 30px 0}.intro-copy{padding:20px 0 28px}.intro-copy h1{font-size:clamp(44px,4.8vw,67px);font-weight:500;letter-spacing:-2.7px;line-height:1.14;margin:21px 0 21px}.intro-copy h1 em{font-family:var(--serif);font-weight:500;font-style:normal;color:var(--blue);letter-spacing:-3px}.intro-copy>p{font-size:14px;color:#71757b;line-height:1.9;margin:0}.intro-note{display:flex;align-items:center;gap:10px;font-size:10px;color:#8a8e94;line-height:1.7;margin-top:28px}.intro-note strong{font-weight:400;color:#626872}.tiny-fold{font:35px var(--serif);line-height:1;color:var(--blue)}.fold-scene{position:relative;min-height:350px;perspective:1000px;isolation:isolate;margin-top:-6px}.scene-coordinate{position:absolute;right:8px;top:20px;font:8px var(--mono);letter-spacing:2px;color:#b4b5b5}.scene-orbit{position:absolute;inset:10% 1% 0;border:1px solid #d9dce34a;border-radius:50%;transform:rotate(-22deg) scaleY(.65)}.paper{position:absolute;width:300px;height:224px;border-radius:7px;background:white;box-shadow:0 15px 30px #353c5510;border:1px solid #e2e3e2;left:50%;top:48px;transform-origin:25% 90%;transition:transform .8s cubic-bezier(.2,.6,.2,1)}.paper-back{transform:translateX(-40%) rotate(15deg) translate(18px,-10px);opacity:.6}.paper-mid{transform:translateX(-50%) rotate(-12deg) translate(-12px,14px);background:#eef2ff}.paper-front{transform:translateX(-50%) rotate(-3deg) translate(-3px,35px);animation:paper-float 7s ease-in-out infinite}.fold-scene:hover .paper-back{transform:translateX(-35%) rotate(21deg) translate(25px,-24px)}.fold-scene:hover .paper-mid{transform:translateX(-55%) rotate(-17deg) translate(-23px,12px)}.paper-top{border-bottom:1px solid #e6e7e7;height:38px;display:flex;align-items:center;padding:0 15px;gap:8px;font-size:7px;color:#9ca1ad}.paper-top>i{width:5px;height:5px;background:#b8c3ef;border-radius:50%}.paper-top small{margin-left:auto;font:8px var(--mono)}.paper-lines{margin:28px 25px;width:70%;height:85px;background:repeating-linear-gradient(transparent 0 16px,#d4d9e5 16px 19px);opacity:.6}.paper-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px}.paper-grid b{height:120px;background:#d9e3ff;border:1px solid #c4d3fd;border-radius:3px}.paper-title{font:29px/1.25 var(--serif);margin:20px 24px 18px;letter-spacing:-1px}.paper-title em{font-style:normal;color:var(--blue)}.paper-bottom{border-top:1px solid #eee;margin:0 23px;display:flex;align-items:center;justify-content:space-between;padding-top:11px;font:7px var(--mono);letter-spacing:1px;color:#969ca8}.paper-bottom b{font-size:20px;color:var(--blue)}.paper-corner{position:absolute;right:-1px;bottom:-1px;border-left:25px solid #dee6ff;border-bottom:25px solid var(--paper);filter:drop-shadow(-2px -2px 1px #cad3eb44)}.scene-caption{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:8px;color:#9ba0aa;letter-spacing:1px;white-space:nowrap}.live-dot{display:inline-block;width:4px;height:4px;margin-right:8px;border-radius:50%;background:var(--orange)}.idea-composer{position:relative;grid-column:1/-1;margin-top:23px;background:#fff;border:1px solid #dfe1e5;border-radius:13px;padding:19px 23px 12px;box-shadow:0 12px 32px #292c4210;transition:border-color .25s,box-shadow .25s}.idea-composer:focus-within{border-color:#99b0fe;box-shadow:0 12px 30px #224ef210,0 0 0 3px #224ef207}.composer-label{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.composer-label>span{font:9px var(--mono);color:#a3a7b1;font-weight:400}.idea-composer textarea{width:100%;resize:vertical;min-height:94px;max-height:230px;border:0;outline:0;font-size:15px;line-height:1.7;padding:15px 0 12px;background:none}.idea-composer textarea::placeholder{color:#a5a8af}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.type-options{display:flex;gap:7px;flex-wrap:wrap}.type-options button{min-height:33px;padding:6px 10px;border:1px solid #e9e9e8;border-radius:5px;font-size:10px;color:#8a8e96;transition:all .2s}.type-options button.selected{color:var(--blue);background:var(--blue-light);border-color:#cfdaff}.type-options button:hover{border-color:#b8c7fc}.build-button{padding:11px 23px}.composer-foot{display:flex;justify-content:space-between;font-size:9px;margin:12px 0 0;color:#9b9fa8}.composer-foot span{font:9px var(--mono);flex:none;margin-left:12px}.home-bottom{display:flex;align-items:flex-end;justify-content:space-between;padding-top:57px;padding-bottom:23px}.number-tag{font-size:9px;color:#9ea3ae;letter-spacing:1px}.home-bottom h2{margin:9px 0 5px;font-size:22px;font-weight:500;letter-spacing:-.7px}.home-bottom p{color:#9498a0;font-size:11px;margin:0}.showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.work-card{min-width:0;position:relative}.work-thumb{position:relative;overflow:hidden;border:1px solid #dddfe1;border-radius:8px;background:#eceeeb;aspect-ratio:1.5;cursor:pointer;transition:transform .25s,box-shadow .25s}.work-thumb:hover{transform:translateY(-4px);box-shadow:0 10px 25px #22294115}.work-thumb iframe{position:absolute;width:960px;height:640px;transform-origin:left top;pointer-events:none;border:0;background:white}.work-thumb .thumb-cta{position:absolute;right:11px;bottom:11px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 2px 10px #0001;font-size:16px;opacity:0;transform:translateY(6px);transition:.2s}.work-thumb:hover .thumb-cta{opacity:1;transform:none}.work-info{padding:12px 1px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.work-info h3{font-size:13px;font-weight:600;margin:0 0 3px}.work-info p{font-size:9px;color:#9398a1;margin:0}.work-info>span{font:9px var(--mono);color:#a2a5ad;padding-top:2px}.workflow-strip{display:flex;align-items:center;justify-content:space-between;margin:38px 0 53px;padding:25px 0;border-block:1px solid var(--line);font-size:10px;color:#878c96;gap:20px}.workflow-strip>span{color:#303641;font-size:11px}.workflow-strip ol{display:flex;gap:30px;list-style:none;margin:0;padding:0}.workflow-strip li{display:flex;align-items:center;gap:9px}.workflow-strip b{font:9px var(--mono);color:var(--blue)}.workflow-strip a{font-size:10px}.app-footer{display:flex;align-items:center;gap:30px;padding:25px 40px 35px;border-top:1px solid var(--line);max-width:1600px;margin:0 auto;color:#898e96;font-size:10px}.app-footer .brand b{font-size:16px;color:var(--ink)}.app-footer p{margin:0}.app-footer>div{margin-left:auto;display:flex;gap:18px}.app-footer a:hover{color:var(--blue)}.library-view,.guide-view{min-height:70vh;padding-top:49px;padding-bottom:65px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px}.section-heading h1{font-weight:500;font-size:36px;line-height:1.35;letter-spacing:-1px;margin:12px 0}.section-heading p{font-size:12px;color:#878d96;margin:0}.search-box{display:flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:6px;padding:0 12px;gap:9px;color:#9ba1aa}.search-box input{width:220px;border:0;background:none;outline:0;font-size:11px;height:40px}.search-box svg{width:15px;height:15px}.filter-row{display:flex;gap:8px;padding:0 0 25px;border-bottom:1px solid var(--line);margin-bottom:28px}.filter-row button{padding:8px 14px;font-size:11px;border-radius:4px;border:1px solid transparent;color:#808691}.filter-row button.selected{border-color:#d4dbef;background:white;color:var(--blue)}.showcase-grid.large{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.showcase-grid.large .work-info h3{font-size:18px}.showcase-grid.large .work-info p{font-size:11px}.showcase-grid.large .work-thumb{aspect-ratio:1.7}.empty-state{border:1px dashed #cfd5e1;min-height:310px;border-radius:9px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px}.empty-state>span:not(.fold-logo){font-size:35px;color:var(--blue);margin-bottom:15px}.empty-state h2{font-size:21px;font-weight:500;margin:10px 0 8px}.empty-state p{font-size:12px;color:#8a909b;margin:0 0 24px}.archive-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;font:11px var(--mono);color:#89909c}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.archive-item{border:1px solid var(--line);background:#fff;border-radius:8px;padding:20px;display:flex;flex-direction:column;min-height:220px;transition:box-shadow .2s}.archive-item:hover{box-shadow:0 10px 30px #283b6610}.archive-item-top{display:flex;justify-content:space-between;color:#8390b0;font:10px var(--mono)}.archive-item h2{font-weight:500;font-size:23px;margin:24px 0 7px}.archive-item>p{font-size:11px;color:#8d95a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 24px}.archive-item-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid #eee;padding-top:15px}.archive-item-bottom>span{font:10px var(--mono);color:#9aa1ad}.archive-item .open-project{color:var(--blue);font-size:12px;padding:5px}.guide-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;margin-top:42px}.guide-stamp{display:flex;gap:25px;align-items:center;font:11px/1.5 var(--mono);letter-spacing:1px;color:var(--blue);padding:25px}.guide-steps article{display:flex;gap:25px;padding:24px 0;border-top:1px solid var(--line)}.guide-steps article>span{font:12px var(--mono);color:var(--blue);padding-top:5px}.guide-steps h2{margin:0 0 12px;font-size:21px;font-weight:500}.guide-steps p{margin:0;font-size:12px;line-height:1.9;color:#858c97}.guide-aside{align-self:start;background:#eaf0ff;border:1px solid #cedafc;border-radius:8px;padding:35px}.guide-aside h2{font:29px/1.4 var(--serif);color:#1c3eab;margin:20px 0}.guide-aside>p{font-size:12px;line-height:1.9;color:#6d7d9e}.capability{border-top:1px solid #cdd8f3;padding:15px 0;display:flex;gap:15px;font-size:11px}.capability b{color:#4a5e91;white-space:nowrap}.capability span{color:#6e81aa}.guide-aside .button{margin-top:18px}
/* A working canvas, not a dashboard. */
.workspace-view{padding:22px 27px 35px;max-width:1800px;margin:auto}.workspace-title{display:flex;align-items:center;justify-content:space-between;padding:0 0 20px;gap:20px}.workspace-title>div:first-child{display:flex;align-items:center;gap:14px;min-width:0}.back-link{font-size:10px;color:#9aa1ac;padding:5px 0}.workspace-title h1{font-size:18px;font-weight:600;letter-spacing:-.5px;margin:0;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{font-size:9px;border:1px solid #dce0e9;border-radius:4px;color:#8f98a8;padding:3px 7px;white-space:nowrap}.work-actions{display:flex;gap:8px}.workspace-grid{display:grid;grid-template-columns:265px minmax(0,1fr) 265px;gap:16px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.brief-panel,.history-panel{padding:18px}.panel-heading{font-size:10px;display:flex;justify-content:space-between;border-bottom:1px solid #eceef2;padding-bottom:15px;margin-bottom:17px;color:#7d8797}.panel-heading b{font:9px var(--sans);color:#729281}.brief-panel label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:600;color:#6a7382;margin-bottom:15px}.brief-panel input,.brief-panel textarea,.brief-panel select{border:1px solid #e0e3e9;border-radius:5px;background:#fafbfc;padding:9px 10px;width:100%;font-size:11px;line-height:1.6;font-weight:400;color:#454f60;resize:vertical;min-width:0}.brief-panel textarea{max-height:330px}.field-row{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.palette-options{display:flex;gap:8px;align-items:center;margin-bottom:18px}.palette-options>span{font-size:10px;margin-right:auto;color:#6a7382}.swatch{width:19px;height:19px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #e2e5eb;transition:transform .15s}.swatch.selected{box-shadow:0 0 0 2px var(--ink);transform:scale(1.03)}.swatch.cobalt{background:#224ef2}.swatch.moss{background:#3f6d53}.swatch.ember{background:#bd5030}.swatch.ink{background:#29333e}.brief-note{margin-top:22px;border-top:1px solid #eceef2;padding-top:16px}.brief-note>span{font-size:9px;font-family:var(--mono);letter-spacing:1px;color:#929caa}.brief-note p,.help{font-size:10px;line-height:1.75;color:#939caa}.brief-note p{margin:8px 0 18px}.help{margin:10px 0 0}.error{font-size:11px;line-height:1.7;border-left:2px solid #c45732;padding:9px 11px;color:#a5482d;background:#fff2ed;margin:12px 0;white-space:pre-line}.preview-panel{position:sticky;top:94px}.preview-toolbar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #e7eaf0}.preview-toolbar>span{display:flex;align-items:center;font-size:10px;color:#8a93a3}.preview-toolbar b{font-weight:500}.preview-switch{display:flex;gap:4px;background:#f2f4f8;border-radius:5px;padding:3px}.preview-switch button{padding:5px 8px;display:flex;align-items:center;color:#929bab;border-radius:3px}.preview-switch svg{width:14px;height:14px}.preview-switch button.active{background:white;color:var(--blue);box-shadow:0 1px 4px #0013}.preview-url{display:flex;justify-content:space-between;align-items:center;height:30px;font:9px var(--mono);color:#a0a8b5;background:#fcfcfd;padding:0 15px;border-bottom:1px solid #e9ecf1}.preview-stage{background:repeating-linear-gradient(45deg,#f2f3f5 0 8px,#f4f5f7 8px 16px);display:flex;justify-content:center;overflow:hidden;min-height:560px;height:calc(100vh - 248px);max-height:850px;padding:0;transition:padding .3s}.preview-stage.mobile{padding:15px 8px}.preview-stage iframe{width:100%;height:100%;border:0;background:#fff;transition:width .35s,box-shadow .35s}.preview-stage.mobile iframe{width:375px;max-width:100%;border:1px solid #cfd5df;border-radius:14px;box-shadow:0 8px 25px #26385c20}.preview-stage pre{background:#152138;color:#d2e0fa;width:100%;height:100%;margin:0;padding:20px;overflow:auto;font:10px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.preview-footer{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:8px;color:#9aa2b0;border-top:1px solid #e7eaf0;gap:10px}.preview-footer>span:first-child{color:#6b7a94;font-family:var(--mono)}.drawer-tabs{display:flex;border-bottom:1px solid #e8ebf1;margin:-3px 0 0;gap:20px}.drawer-tabs button{font-size:11px;position:relative;padding:9px 0 14px;color:#929aaa}.drawer-tabs button.active{color:var(--blue)}.drawer-tabs button.active:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--blue)}.drawer-intro{padding:23px 0 15px}.drawer-intro p{font-size:10px;line-height:1.8;color:#939baa;margin:9px 0 0}.drawer-intro .eyebrow{font-size:9px;letter-spacing:.6px;color:#6c7d9a}.versions-list{max-height:490px;overflow:auto;margin-bottom:22px}.version-item{position:relative;padding:0 0 23px 18px;border-left:1px solid #dfe5f0;margin-left:3px}.version-item:before{content:"";width:6px;height:6px;background:#c7d2e7;border:2px solid white;box-shadow:0 0 0 1px #c7d2e7;border-radius:50%;position:absolute;left:-5.5px;top:5px}.version-item.current:before{background:var(--blue);box-shadow:0 0 0 1px var(--blue)}.version-item:last-child{padding-bottom:8px;border-left-color:transparent}.version-head{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono)}.version-head b{color:#5470a7;font-weight:500}.version-head span{font:8px var(--sans);color:#93a2bc}.version-item p{font-size:10px;color:#8994a7;line-height:1.7;margin:8px 0}.version-item time{display:block;font:8px var(--mono);color:#abb3c0}.version-actions{display:flex;gap:11px;padding-top:9px}.version-actions button{font-size:9px;color:#60769f;padding:3px 0}.version-actions button:hover{color:var(--blue);text-decoration:underline}.local-note{display:flex;align-items:flex-start;gap:9px;border-top:1px solid #e8ebf1;margin-top:20px;padding-top:15px;color:#a0a9b7}.local-note svg{width:13px;height:13px;margin-top:3px}.local-note p{font-size:9px;line-height:1.7;margin:0}.chain-label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e8ebf1;border-radius:5px;background:#fafbfe}.chain-mark{display:grid;place-items:center;background:#f8d64d;width:27px;height:27px;border-radius:50%;font-size:12px}.chain-label b{font:11px var(--mono)}.chain-label small{display:block;font-size:8px;color:#9aa3b1;margin-top:3px}.budget-heading{display:flex;justify-content:space-between;font-size:10px;margin-top:22px}.budget-heading b{font-weight:500}.budget-heading span{font:9px var(--mono);color:#66857a}#budgetFields{margin:13px 0}#budgetFields label{display:flex;align-items:center;font-size:10px;color:#7b879a;gap:5px;padding:5px 0}#budgetFields input{width:57px;margin-left:auto;height:29px;border:1px solid #dfe5ee;border-radius:4px;background:#f9faff;padding:4px 6px;font:11px var(--mono)}.budget-bar{height:6px;border-radius:5px;display:flex;overflow:hidden;background:#eceef2;margin:10px 0 22px}.budget-bar i{height:100%;background:var(--blue);transition:width .2s}.budget-bar i:nth-child(2){background:#ff9c64}.check-list{list-style:none;margin:20px 0;padding:0}.check-list li{display:flex;gap:8px;font-size:10px;padding:8px 0;border-bottom:1px solid #edf0f5;color:#8492a5}.check-list li b{font-weight:500;color:#618a75}.check-list li.fail b{color:#b55e3c}.freeze-stamp{background:#eef5f0;border:1px solid #d9e8dc;padding:12px;border-radius:5px;font-size:10px;color:#5b7c63;margin:12px 0}.freeze-stamp small{display:block;font-size:9px;margin-top:3px;color:#90a593}.freeze-stamp.stale{color:#9a6d40;background:#fff6eb;border-color:#eedfc8}.publication-records{margin-top:17px;font-size:9px;color:#a3acb9}.publication-records div{padding:7px 0;border-top:1px solid #edf0f5}.release-status{display:flex;gap:8px;align-items:flex-start;border-top:1px solid #e9edf4;padding-top:17px;margin-top:21px}.release-status>i{width:5px;height:5px;border-radius:50%;background:var(--orange);margin-top:6px;flex:none}.release-status b{font-size:10px;font-weight:500;color:#7f8ba0}.release-status p{font-size:9px;line-height:1.7;color:#a1a9b7;margin:6px 0 0}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:100;border-radius:7px;background:#202b40;color:#fff;padding:12px 20px;box-shadow:0 8px 25px #101c3926;font-size:12px;max-width:min(90vw,550px);animation:toast-in .2s ease}.build-status{position:fixed;top:95px;left:50%;transform:translateX(-50%);z-index:80;background:#fff;border:1px solid #d6dff2;border-radius:8px;box-shadow:0 10px 35px #1232a520;padding:13px 20px;display:flex;align-items:center;gap:12px;font-size:12px}.build-status .fold-logo{animation:mark-build .8s ease-in-out infinite}dialog{border:1px solid #d4dbe7;background:#fafbfc;border-radius:13px;padding:30px;box-shadow:0 30px 100px #13244030;color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#19243a58;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in .22s ease}.modal-close{position:sticky;top:0;float:right;z-index:2;width:32px;height:32px;display:grid;place-items:center;background:#fff;border:1px solid #dce2eb;border-radius:50%;box-shadow:0 2px 5px #0001}.detail-modal{width:min(1100px,94vw)}.detail-heading h2{font-size:30px;font-weight:500;margin:12px 0 8px}.detail-heading p{font-size:12px;color:#8992a2;margin:0 0 24px}.detail-modal iframe{width:100%;height:55vh;border:1px solid #d9dfeb;background:white;border-radius:7px}.detail-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:19px;gap:20px}.detail-bottom>span{font-size:10px;color:#959faf}.task-modal{width:min(850px,93vw)}dialog h2{font-size:27px;font-weight:500;margin:15px 0 10px}dialog>p{font-size:12px;color:#8792a3}.task-modal pre{background:#17243c;color:#c8d9f7;border-radius:7px;font:11px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;max-height:48vh;overflow:auto}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.source-modal{width:min(1100px,94vw)}.source-modal textarea{display:block;width:100%;height:50vh;background:#17243c;color:#c8d9f7;font:11px/1.8 var(--mono);border:1px solid #354a71;padding:20px;border-radius:7px;resize:vertical;margin:20px 0}.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.page-hidden .paper-front{animation-play-state:paused}.storage-warning{color:#b05b35!important}
@keyframes paper-float{0%,100%{transform:translateX(-50%) rotate(-3deg) translate(-3px,35px)}50%{transform:translateX(-50%) rotate(-1deg) translate(-3px,27px)}}@keyframes view-in{from{opacity:.8;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes toast-in{from{opacity:.5;translate:0 7px}to{opacity:1;translate:0 0}}@keyframes dialog-in{from{opacity:.75;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes mark-build{50%{transform:scale(.7) rotate(-10deg)}}
@media(min-width:1600px){.workspace-grid{grid-template-columns:300px minmax(0,1fr) 295px}.brief-panel label,.brief-panel input,.brief-panel textarea{font-size:12px}.drawer-intro p,.version-item p,.help{font-size:11px}.preview-stage{min-height:650px}}
@media(max-width:1200px){.app-header{padding:0 28px;gap:37px}.app-header nav{gap:23px}.home-view,.library-view,.guide-view{padding-left:38px;padding-right:38px}.creation-stage{padding-left:10px;padding-right:10px;gap:0 25px}.paper{width:270px;height:216px}.showcase-grid{gap:14px}.workspace-view{padding-left:16px;padding-right:16px}.workspace-grid{grid-template-columns:235px minmax(0,1fr) 230px;gap:10px}.brief-panel,.history-panel{padding:14px}.workspace-title .status{display:none}.preview-stage{min-height:540px}.preview-footer{font-size:7px}.header-end{gap:12px}.fx-toggle span{display:none}.guide-grid{gap:40px}}
@media(max-width:1000px){.workspace-grid{grid-template-columns:230px minmax(0,1fr)}.history-panel{grid-column:1/-1}.history-panel .drawer-intro{padding-top:15px}.history-panel .versions-list{display:flex;gap:22px;overflow:auto;margin-top:15px}.history-panel .version-item{min-width:210px}.history-panel .local-note{max-width:400px}.history-panel #publishDrawer{max-width:500px}.history-panel .sourceEditButton{max-width:300px}.preview-stage{height:690px}.workspace-title>div:first-child{gap:10px}.back-link{display:none}.workspace-title h1{font-size:17px}.creation-stage{gap:0 10px}.paper{width:235px;height:205px}.paper-title{font-size:26px;margin-top:17px}.paper-bottom{padding-top:9px}.intro-copy h1{font-size:49px}.fold-scene{min-height:330px}.home-bottom h2{font-size:20px}.workflow-strip ol{gap:15px}.workflow-strip>a{display:none}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body{font-size:13px}.app-header{height:auto;min-height:68px;padding:13px 20px 0;flex-wrap:wrap;gap:0;justify-content:space-between}.brand b{font-size:21px}.fold-logo{transform:scale(.85);transform-origin:left center;margin-right:-3px}.header-end{margin-left:0}.header-end>.button{min-height:31px;padding:6px 9px;font-size:10px}.header-end>.button svg{width:13px;height:13px}.fx-toggle{padding:8px}.app-header nav{order:3;width:100%;gap:25px;overflow:auto;overflow-y:hidden;scrollbar-width:none;height:45px;margin-top:5px}.app-header nav::-webkit-scrollbar{display:none}.app-header nav a{font-size:11px;min-height:40px;flex:none}.home-view,.library-view,.guide-view{padding-left:22px;padding-right:22px}.edition-line{margin-top:20px;font-size:8px;letter-spacing:.6px}.edition-line .mono{font-size:7px}.creation-stage{grid-template-columns:1fr;padding:23px 0 0;gap:0}.intro-copy{padding:0}.intro-copy .eyebrow{font-size:9px;letter-spacing:1px}.intro-copy h1{font-size:46px;line-height:1.12;margin:17px 0}.intro-copy>p{font-size:12px;line-height:1.8}.intro-note{display:none}.fold-scene{position:absolute;right:-4px;top:20px;width:145px;min-height:205px;pointer-events:none;opacity:.55}.scene-coordinate,.scene-caption,.scene-orbit{display:none}.paper{width:135px;height:125px;top:14px}.paper-top{height:25px;padding:0 8px;font-size:4px;gap:4px}.paper-top .fold-logo{transform:scale(.45);margin-right:-8px}.paper-title{font-size:17px;margin:13px 10px 9px}.paper-bottom{margin:0 10px;padding-top:5px;font-size:4px}.paper-bottom b{font-size:13px}.paper-corner{border-width:0 0 15px 15px}.paper-lines{margin:15px}.paper-grid{gap:4px;margin:15px 10px}.paper-grid b{height:60px}.paper-front{animation:none;transform:translateX(-50%) rotate(-5deg) translate(-3px,35px)}.paper-mid{transform:translateX(-50%) rotate(-16deg) translate(-10px,15px)}.idea-composer{margin-top:26px;padding:16px 15px 13px;border-radius:10px;grid-column:1}.composer-label{font-size:11px}.composer-label>span{font-size:7px}.idea-composer textarea{font-size:12px;min-height:115px;line-height:1.9;padding-top:13px}.composer-bottom{align-items:stretch;flex-direction:column;gap:15px}.type-options{gap:6px}.type-options button{font-size:9px;padding:6px 8px;min-height:31px}.build-button{min-height:43px;justify-content:space-between}.composer-foot{font-size:9px;line-height:1.7;gap:10px}.composer-foot>span{font-size:7px;margin-left:0;white-space:nowrap}.home-bottom{padding-top:35px;align-items:flex-start;gap:10px}.home-bottom h2{font-size:17px;max-width:220px;line-height:1.5}.home-bottom p{font-size:10px}.home-bottom>.text-link{font-size:10px;gap:5px;white-space:nowrap;padding-top:26px}.home-bottom>.text-link svg{width:13px;height:13px}.number-tag{font-size:8px}.showcase-grid{gap:14px 12px}.work-info{padding-top:9px}.work-info h3{font-size:11px}.work-info p{font-size:8px}.work-info>span{font-size:7px}.work-thumb{border-radius:5px}.work-thumb .thumb-cta{display:none}.workflow-strip{margin:26px 0 35px;flex-direction:column;align-items:flex-start;gap:17px;padding:20px 0}.workflow-strip ol{width:100%;justify-content:space-between;gap:5px}.workflow-strip li{font-size:9px;gap:5px}.workflow-strip b{font-size:7px}.app-footer{padding:23px 22px;gap:13px;flex-wrap:wrap}.app-footer .brand b{font-size:15px}.app-footer p{font-size:9px}.app-footer>div{margin-left:0;width:100%;font-size:8px;justify-content:space-between}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.section-heading h1{font-size:28px;margin:10px 0}.section-heading p{font-size:11px;line-height:1.8}.library-view,.guide-view{padding-top:30px;padding-bottom:40px}.search-box{width:100%}.search-box input{width:100%;font-size:11px}.filter-row{gap:1px;overflow:auto;scrollbar-width:none;padding-bottom:15px;margin-bottom:20px}.filter-row button{white-space:nowrap;font-size:10px;padding:7px 11px}.showcase-grid.large{grid-template-columns:1fr;gap:22px}.showcase-grid.large .work-info h3{font-size:16px}.showcase-grid.large .work-info p{font-size:10px}.archive-toolbar{gap:15px}.archive-toolbar>span{white-space:nowrap;font-size:10px}.archive-toolbar .search-box{max-width:190px}.archive-grid{grid-template-columns:1fr;gap:15px}.archive-item{min-height:190px}.archive-item h2{font-size:21px;margin-top:18px}.empty-state{min-height:280px;padding:25px}.empty-state h2{font-size:18px}.empty-state p{font-size:11px}.guide-stamp{display:none}.guide-grid{grid-template-columns:1fr;gap:25px;margin-top:20px}.guide-steps article{gap:18px;padding:22px 0}.guide-steps h2{font-size:18px}.guide-steps p{font-size:11px}.guide-aside{padding:25px}.guide-aside h2{font-size:25px}.workspace-view{padding:17px 14px 30px}.workspace-title{flex-wrap:wrap;gap:15px}.workspace-title>div:first-child{width:100%}.workspace-title h1{font-size:20px;max-width:90vw}.work-actions{width:100%}.work-actions .button{flex:1;font-size:10px;gap:8px}.workspace-grid{display:flex;flex-direction:column;gap:16px}.panel{width:100%}.brief-panel{padding:18px}.brief-panel form{display:grid;grid-template-columns:1fr;gap:0}.brief-panel label{font-size:11px}.brief-panel input,.brief-panel textarea,.brief-panel select{font-size:12px}.brief-panel textarea{min-height:86px}.panel-heading{font-size:10px}.brief-panel .help{font-size:10px}.brief-note p{font-size:11px}.brief-panel .button{font-size:12px}.preview-panel{position:relative;top:0;order:-1}.preview-stage{min-height:420px;height:530px;max-height:65vh}.preview-stage.mobile{padding:8px}.preview-footer{font-size:8px;flex-wrap:wrap;align-content:center;line-height:1.5;height:40px}.preview-footer>span:last-child{font-size:7px}.preview-toolbar{height:45px}.preview-url{height:26px;font-size:8px}.history-panel{padding:18px}.history-panel .versions-list{max-height:none;display:block}.version-item{margin-left:6px}.version-item p{font-size:11px}.version-head{font-size:11px}.version-head span,.version-item time{font-size:9px}.version-actions button{font-size:10px;padding:5px 0}.drawer-intro p,.drawer-intro .eyebrow,.help{font-size:11px}.local-note p{font-size:10px}.chain-label b{font-size:12px}.chain-label small{font-size:10px}.budget-heading,#budgetFields label{font-size:12px}.budget-heading span{font-size:10px}.check-list li{font-size:11px}.release-status b{font-size:12px}.release-status p{font-size:10px}.publication-records{font-size:10px}.drawer-tabs{gap:25px}.drawer-tabs button{font-size:12px}.detail-modal,.task-modal,.source-modal{padding:21px 17px;max-height:94vh;border-radius:10px}.detail-heading h2,dialog h2{font-size:23px;padding-right:18px}.detail-heading p,dialog>p{font-size:11px}.detail-modal iframe{height:52vh}.detail-bottom{flex-direction:column;align-items:stretch;gap:13px}.detail-bottom>span{font-size:9px}.modal-actions{flex-direction:column-reverse}.task-modal pre{font-size:10px;padding:14px;max-height:45vh}.source-modal textarea{padding:14px;font-size:10px}.modal-close{width:29px;height:29px}.build-status{top:120px;width:85%;padding:10px 16px}.toast{bottom:15px;font-size:11px}.error{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Reading sizes and the first action stay useful on ordinary laptop screens. */
.creation-stage{padding-top:19px}.intro-copy{padding-top:9px;padding-bottom:15px}.intro-copy h1{font-size:clamp(42px,4.2vw,58px);margin:16px 0}.intro-copy>p{font-size:14px;color:#68717e}.intro-note{margin-top:17px;font-size:12px;color:#7d8694}.fold-scene{min-height:296px}.paper{top:22px}.idea-composer{margin-top:10px}.idea-composer textarea{min-height:75px}.composer-foot{font-size:12px;color:#788391}.composer-label{font-size:14px}.type-options button{font-size:12px}.edition-line,.eyebrow,.number-tag{font-size:11px}.composer-label>span{font-size:10px}.home-bottom p,.text-link,.workflow-strip,.workflow-strip li,.workflow-strip>span{font-size:13px}.work-info h3{font-size:15px}.work-info p{font-size:12px;color:#7c8796}.work-info>span{font-size:10px}.section-heading p,.guide-steps p,.guide-aside>p{font-size:14px}.guide-steps h2{font-size:22px}.capability{font-size:13px}.brief-panel label,.palette-options>span{font-size:12px}.brief-panel input,.brief-panel textarea,.brief-panel select{font-size:13px}.brief-note p,.help,.drawer-intro p,.version-item p,.local-note p,.release-status p{font-size:12px;color:#7e899b}.preview-toolbar>span,.preview-url,.preview-footer{font-size:11px}.version-head,.version-actions button,.drawer-tabs button{font-size:12px}.version-head span,.version-item time{font-size:10px}.budget-heading,#budgetFields label,.check-list li{font-size:12px}.chain-label small,.publication-records,.freeze-stamp small{font-size:11px}.release-status b{font-size:13px}.drawer-intro .eyebrow{font-size:11px}.app-footer{font-size:12px}.app-header nav a{font-size:13px}.search-box input{font-size:13px}.archive-item>p{font-size:13px}.error{font-size:13px}.task-modal pre{font-size:12px}
@media(max-height:760px) and (min-width:761px){.edition-line{margin-top:18px}.creation-stage{padding-top:12px}.intro-copy h1{font-size:47px}.intro-note{margin-top:12px}.fold-scene{min-height:270px}.idea-composer{padding-top:15px}.idea-composer textarea{min-height:65px}.home-bottom{padding-top:35px}.paper{transform-origin:25% 80%;top:10px}.scene-caption{bottom:0}}
@media(max-width:760px){.creation-stage{overflow:hidden;padding-top:24px}.fold-scene{right:1px;top:34px;width:105px;height:170px;min-height:0;overflow:hidden;opacity:.32}.fold-scene .paper{width:95px;height:105px;top:22px}.fold-scene .paper-title{font-size:12px;margin:10px}.fold-scene .paper-top{height:20px;font-size:3px}.fold-scene .paper-bottom{margin:0 10px;font-size:3px}.fold-scene .paper-grid b{height:40px}.intro-copy h1{font-size:43px;max-width:265px}.intro-copy{position:relative;z-index:1}.intro-copy .eyebrow{font-size:10px}.intro-copy>p{font-size:14px;max-width:290px}.idea-composer{margin-top:24px}.composer-label{font-size:14px}.idea-composer textarea{font-size:14px;min-height:110px}.type-options{gap:5px}.type-options button{font-size:11px;padding:7px 8px}.composer-foot{font-size:12px}.composer-foot>span{display:none}.home-bottom h2{font-size:19px}.home-bottom p{font-size:12px}.home-bottom>.text-link{font-size:12px;white-space:normal;max-width:85px}.work-info h3{font-size:13px}.work-info p{font-size:11px}.work-info>span{font-size:9px}.workflow-strip li{font-size:11px}.workflow-strip>span{font-size:13px}.app-header nav a{font-size:12px}.app-footer{font-size:11px}.app-footer p,.app-footer>div{font-size:10px}.section-heading p,.guide-steps p,.guide-aside>p{font-size:14px}.filter-row button{font-size:12px}.showcase-grid.large .work-info p{font-size:12px}.brief-panel label{font-size:13px}.brief-panel input,.brief-panel textarea,.brief-panel select{font-size:14px}.brief-note p,.help,.drawer-intro p,.version-item p,.local-note p,.release-status p{font-size:13px}.preview-footer{font-size:10px}.preview-footer>span:last-child{font-size:9px}.preview-url{font-size:10px}.budget-heading,#budgetFields label,.check-list li{font-size:13px}.version-head{font-size:13px}.version-actions button{font-size:12px}.detail-heading p,dialog>p{font-size:13px}.task-modal pre{font-size:11px}.guide-steps h2{font-size:20px}.empty-state p{font-size:13px}.archive-toolbar .search-box{max-width:180px}}
.mobile-work-nav{display:none}@media(max-width:760px){.mobile-work-nav{position:sticky;top:110px;z-index:24;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;margin:0 0 15px;background:#edeff4ee;border:1px solid #dfe4ed;border-radius:7px;backdrop-filter:blur(12px)}.mobile-work-nav button{font-size:12px;min-height:38px;color:#7886a0;border-radius:4px}.mobile-work-nav button.active{background:white;color:var(--blue);box-shadow:0 2px 5px #16336d0a}.workspace-grid .panel{scroll-margin-top:174px}}
.guide-stamp img{width:90px;height:90px;object-fit:cover;border-radius:9px;box-shadow:0 8px 20px #224ef21a}