:root {
  color-scheme:light; --paper:#f5f3ed; --panel:#fffefa; --ink:#28382f; --muted:#70776e;
  --line:#dedfd5; --soft:#ebece4; --green:#334b3d; --green-soft:#e6eadf;
  --accent:#c84f32; --accent-hover:#b44329; --rose:#f4e4dc; --white:#fffefa;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK TC","Microsoft JhengHei",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-family:var(--sans); color:var(--ink); font-synthesis:none;
}
*{box-sizing:border-box}body{margin:0;background:var(--paper);font-size:13px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.38}button:not(:disabled),a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:hover:not(:disabled){filter:brightness(.98)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}hr{border:0;border-top:1px solid var(--line);margin:22px 0}a{color:inherit}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:12px}::selection{background:#dfd7ad;color:#26382e}
.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:35px;padding:0 32px;background:var(--panel)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:31px;letter-spacing:-1.8px;font-weight:720;white-space:nowrap}.brand-x{color:var(--accent);font-weight:500}.brand-tag{font:9px/1.35 var(--mono);letter-spacing:1.5px;max-width:66px;white-space:normal;margin-left:8px;border-left:1px solid var(--line);padding-left:15px}.top-links{display:flex;align-items:center;gap:24px;margin-left:16px}.text-button{min-height:36px;padding:3px 0;font-size:12px;white-space:nowrap;color:var(--muted)}.text-button:hover{color:var(--ink)}.tiny-arrow{margin-left:8px}.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.local-badge{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin-right:12px;white-space:nowrap}.status-dot{width:6px;height:6px;display:inline-block;flex-shrink:0;border-radius:50%;background:#687e58}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 16px;font-size:12px;font-weight:580;border-radius:7px;border:1px solid transparent;white-space:nowrap;line-height:1.4;transition:background .12s,border-color .12s}.button svg{width:17px;height:17px}.primary{background:var(--accent);color:white;box-shadow:0 2px 0 #9e3c2320}.primary:hover:not(:disabled){background:var(--accent-hover)}.secondary{background:var(--panel);border-color:var(--line)}.secondary:hover:not(:disabled){border-color:#a7b1a0;background:#f4f5ed}.quiet{background:none}.quiet:hover:not(:disabled){background:var(--soft)}.wide{width:100%}.small{min-height:34px;padding:0 11px;font-size:11px}.danger{color:#a54531}.button-row{display:flex;gap:8px;flex-wrap:wrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:7px;border-radius:5px;flex-shrink:0}.icon-button:hover:not(:disabled){background:var(--soft)}.icon-button[aria-pressed=true]{background:var(--green-soft);color:var(--green)}.small-icon{width:32px;height:32px}.page{max-width:1920px;margin:auto;padding:26px 32px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:1.2px;color:var(--muted)}.intro .eyebrow{display:flex;align-items:center;gap:9px}.mini-cross{font-size:18px;line-height:1;color:var(--accent)}h1{font-size:31px;line-height:1.35;letter-spacing:1px;font-weight:620;margin-top:5px}.intro-note{text-align:right;padding-right:2px}.intro-note .serif{font:italic 26px Georgia,serif;color:#465549}.intro-note p{font-size:11px;color:var(--muted);margin-top:5px;letter-spacing:.4px}.document-bar{height:51px;display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-bottom:0;border-radius:11px 11px 0 0;padding:0 18px}.document-identity{display:flex;align-items:center;gap:10px;min-width:0}.document-identity>[data-icon]{color:#838b7c}.document-identity input{min-width:0;max-width:240px;width:205px;background:transparent;border:1px solid transparent;font-size:12px;font-weight:590;outline-offset:0;padding:6px;border-radius:4px}.document-identity input:hover{border-color:var(--line)}.meta{font:10px/1.5 var(--mono);color:var(--muted)}.history-actions{display:flex;gap:3px;align-items:center}.bar-divider{width:1px;height:18px;background:var(--line);margin:0 6px}.workbench{border:1px solid var(--line);border-radius:0 0 11px 11px;overflow:hidden;background:var(--panel);display:grid;grid-template-columns:240px minmax(0,1fr) 270px;height:min(790px,calc(100svh - 243px));min-height:660px}.sidebar{display:flex;flex-direction:column;min-height:0;min-width:0}.layout-sidebar{border-right:1px solid var(--line)}.inspector-sidebar{border-left:1px solid var(--line)}.sidebar-title{height:57px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:1px solid var(--line)}.sidebar-title h2{font-size:12px;letter-spacing:.4px;font-weight:600}.index-label{font:11px var(--mono);color:#88907c}.sidebar-scroll{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#c9cdbf transparent}.control-section{padding:18px;border-bottom:1px solid var(--line)}.control-section:last-child{border-bottom:0}.first-section{padding-top:16px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:11px}.section-label h3{font-size:11px;letter-spacing:.6px;font-weight:600}.segmented{display:flex;gap:3px;border:1px solid var(--line);padding:3px;background:#f3f4ec;border-radius:6px}.segmented button{flex:1;min-height:32px;font-size:11px;border-radius:4px;white-space:nowrap}.segmented button[aria-pressed=true]{background:var(--panel);box-shadow:0 1px 3px #223e2720;color:var(--green);font-weight:620}.modes button[aria-pressed=true]{background:var(--green);color:var(--white)}.help-text{font-size:11px;line-height:1.85;color:var(--muted);margin-top:10px;overflow-wrap:anywhere}.layout-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.layout-preset{min-width:0;min-height:65px;border:1px solid var(--line);border-radius:6px;padding:8px 6px;display:flex;align-items:center;gap:8px;text-align:left}.layout-preset svg{width:31px;height:26px;stroke-width:1.1;flex-shrink:0}.layout-preset span{font-size:10px;line-height:1.5}.layout-preset[aria-pressed=true]{border-color:#758e66;background:#eaf0e1;color:#2f483a;box-shadow:inset 0 0 0 .4px #758e66}.layout-preset:hover:not(:disabled){border-color:#7b8f6b}.compact-details{margin-top:12px}.compact-details summary{min-height:32px;font-size:11px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--muted);list-style:none}.compact-details summary::-webkit-details-marker{display:none}.compact-details summary span{font:17px var(--mono);color:#7b8478}.compact-details[open] summary span{transform:rotate(45deg)}.detail-content{padding-top:8px}.field{display:block;font-size:11px;color:var(--ink);margin-bottom:12px}.field>span.meta{float:right}.field input,.field select,.field textarea,.two-fields input,.two-fields select{display:block;width:100%;margin-top:6px}.field textarea{resize:vertical;min-height:65px;line-height:1.6}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.two-fields label{font-size:11px}.two-fields label>span{float:right;color:var(--muted)}input[type=number],input[type=text],input:not([type]),select,textarea{border:1px solid var(--line);background:var(--panel);border-radius:5px;padding:8px 9px;min-height:36px;font-size:12px;min-width:0}input[type=number]{font-family:var(--mono)}input[type=color]{width:100%;height:36px;padding:3px;border:1px solid var(--line);border-radius:5px;background:var(--panel);cursor:pointer}.ratio-presets{display:flex;gap:5px}.ratio-presets button{flex:1;border:1px solid var(--line);border-radius:5px;min-height:33px;font:11px var(--mono);white-space:nowrap;padding:0 4px}.ratio-presets button[aria-pressed=true]{background:var(--green-soft);border-color:#97a288}.asset-library{display:flex;gap:7px;overflow:auto;padding:1px 1px 5px;scrollbar-width:thin}.asset-button{padding:2px;border:1px solid var(--line);border-radius:5px;flex-shrink:0;width:65px;height:53px;position:relative;background:#eceee6;overflow:hidden}.asset-button canvas{width:100%;height:100%;object-fit:cover;display:block;border-radius:3px}.asset-button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sidebar-foot{border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:12px 17px;min-height:42px;color:var(--muted);font-size:10px;flex-shrink:0;background:#fbfcf6}.sidebar-foot svg{width:13px;height:13px}.canvas-area{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;background:#f3f3ec}.canvas-toolbar{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0}.canvas-tools{display:flex;align-items:center;gap:3px}.tool{min-height:34px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border-radius:5px;color:var(--muted);font-size:11px;white-space:nowrap}.tool svg{width:17px;height:17px}.tool[aria-pressed=true]{background:var(--green-soft);color:var(--green);font-weight:600}.tool:hover{background:var(--soft)}.stage{position:relative;flex:1;min-height:250px;display:flex;align-items:center;justify-content:center;padding:53px 35px 51px;overflow:hidden;background-image:radial-gradient(#899b832b .7px,transparent .7px);background-size:15px 15px}.stage-topline{position:absolute;left:22px;right:22px;top:17px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.7px;color:#7d8974}.canvas-shell{position:relative;isolation:isolate;box-shadow:0 12px 30px -17px #28382f80,0 0 0 1px #9a9e8c4a;flex-shrink:0;background-color:#eee;background-image:conic-gradient(#e3e3dd 25%,transparent 0 50%,#e3e3dd 0 75%,transparent 0);background-size:16px 16px}.canvas-shell canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.canvas-shell canvas:active{cursor:grabbing}.ruler{position:absolute;opacity:.6;pointer-events:none}.ruler-top{height:7px;left:0;right:0;top:-15px;background:repeating-linear-gradient(to right,#7d8b743f 0 1px,transparent 1px 20px)}.ruler-left{width:7px;top:0;bottom:0;left:-15px;background:repeating-linear-gradient(to bottom,#7d8b743f 0 1px,transparent 1px 20px)}.guide-layer,.divider-layer{position:absolute;inset:0;pointer-events:none}.guide-cell{position:absolute;border:1px solid #fff9}.guide-cell.active-cell{outline:2px solid #f3be8b;outline-offset:-3px}.guide-number{display:flex;align-items:center;justify-content:center;background:#f9f5e9e6;color:#334038;font:9px var(--mono);width:24px;height:22px;position:absolute;left:8px;top:8px;border-radius:3px;box-shadow:0 1px 3px #223e2730}.divider-handle{position:absolute;background:transparent;pointer-events:auto;padding:0;touch-action:none;z-index:10}.divider-handle.x{width:26px;height:100%;transform:translateX(-50%);cursor:col-resize}.divider-handle.y{height:26px;transform:translateY(-50%);cursor:row-resize}.divider-handle::before{content:"";position:absolute;background:#ffbd87;box-shadow:0 0 0 1px #33433855}.divider-handle.x::before{width:2px;height:100%;top:0;left:12px}.divider-handle.y::before{height:2px;width:100%;top:12px;left:0}.divider-handle::after{content:"";width:12px;height:25px;border:1px solid #b96c3f;box-shadow:0 1px 5px #1728184d;border-radius:4px;background:#ffe7c7;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.divider-handle.y::after{width:25px;height:12px}.divider-handle:focus-visible{outline:none}.divider-handle:focus-visible::after{outline:3px solid var(--accent);outline-offset:3px}.text-selection{position:absolute;border:1px dashed #ffc994;pointer-events:none;box-shadow:0 0 0 1px #35422c66}.stage-hint{position:absolute;bottom:17px;left:10px;right:10px;text-align:center;color:#75816e;font-size:10px;letter-spacing:.15px}.keycap,kbd{font:10px var(--mono);border:1px solid #cdd1c3;border-radius:4px;padding:3px 5px;background:#ffffff6b;white-space:nowrap}.hint-separator{margin:0 9px}.canvas-status{display:flex;align-items:center;justify-content:space-between;gap:8px;height:35px;flex-shrink:0;font-size:10px;padding:0 17px;border-top:1px solid var(--line);background:#f7f8f1}.canvas-status>span:first-child{display:flex;align-items:center;gap:7px}.warning{color:#a7552d!important}.warning .status-dot{background:#bc7b3e}.filmstrip-head{height:42px;padding:6px 18px 0;display:flex;align-items:center;justify-content:space-between;background:var(--panel);flex-shrink:0}.filmstrip-head>span{display:flex;align-items:center;gap:12px}.filmstrip-head b{font-size:11px;font-weight:600}.filmstrip-head .text-button{font-size:10px}.filmstrip{display:flex;gap:11px;overflow:auto;scrollbar-width:thin;min-height:128px;padding:10px 18px 17px;background:var(--panel);flex-shrink:0}.film-card{min-width:104px;flex:1;max-width:200px;position:relative}.film-image{border:1px solid var(--line);width:100%;height:74px;border-radius:5px;overflow:hidden;background:#f0f1e9;position:relative;display:block;padding:0}.film-image canvas{width:100%;height:100%;object-fit:contain;display:block}.film-image[aria-pressed=true]{border-color:#7c936b;box-shadow:0 0 0 2px #9eae8640}.film-num{position:absolute;left:5px;top:5px;font:9px var(--mono);border-radius:3px;background:#fffbedde;min-width:20px;padding:2px 4px;color:var(--ink)}.film-label{display:flex;justify-content:space-between;align-items:center;margin-top:5px;font:9px var(--mono);color:var(--muted);gap:3px}.film-controls{display:flex;gap:0}.film-controls .icon-button{width:24px;height:24px;padding:5px}.film-controls svg{width:13px;height:13px}.film-label>span{white-space:nowrap}.inspector-tabs{display:flex;padding:0 18px;border-bottom:1px solid var(--line);height:41px;flex-shrink:0;gap:17px}.inspector-tabs button{font-size:11px;position:relative;color:var(--muted);padding:0 4px}.inspector-tabs button[aria-pressed=true]{color:var(--green);font-weight:650}.inspector-tabs button[aria-pressed=true]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green)}.active-target{display:flex;gap:11px;align-items:center;margin-bottom:23px}.target-badge{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;background:#edf0e5;color:var(--green);font:10px var(--mono);border-radius:5px;border:1px solid var(--line)}.active-target strong{display:block;font-size:12px;font-weight:600}.active-target div>span{display:block;font:10px var(--mono);color:var(--muted);margin-top:3px}.range-field{display:block;margin:17px 0 10px}.range-field>span{display:flex;justify-content:space-between;font-size:11px;align-items:center;margin-bottom:9px}.range-field output{font:10px var(--mono);color:var(--muted)}input[type=range]{width:100%;height:20px;margin:0;accent-color:var(--green);cursor:pointer}input[type=checkbox]{accent-color:var(--green);width:15px;height:15px;flex-shrink:0}.transform-buttons{display:flex;justify-content:space-between;gap:3px;margin-top:12px}.transform-buttons .button{padding:0 8px;font-size:10px}.transform-buttons .button svg{width:15px;height:15px}.swatches{display:flex;gap:9px;align-items:center;margin-top:13px}.swatches>button{width:26px;height:26px;padding:0;background:var(--swatch);border-radius:50%;border:1px solid #6e716948;flex-shrink:0;position:relative}.swatches>button[aria-pressed=true]{outline:2px solid #799169;outline-offset:3px}.swatches>button[aria-pressed=true]::after{content:"";width:4px;height:4px;background:#687e58;position:absolute;top:10px;left:10px;border-radius:50%}.custom-color{display:block;width:26px;height:26px;position:relative}.custom-color input{width:100%;height:100%;opacity:0;position:absolute;inset:0;cursor:pointer}.custom-color span{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px dashed #9b9f90;border-radius:50%;pointer-events:none}.custom-color:focus-within{outline:3px solid var(--accent);outline-offset:3px;border-radius:50%}.text-layers{display:flex;flex-direction:column;gap:5px}.text-layer-button{text-align:left;padding:9px 10px;border:1px solid var(--line);border-radius:5px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-layer-button[aria-pressed=true]{background:var(--green-soft);border-color:#7e9270}.check-field{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.8;margin:14px 0}.note-card{border-left:2px solid #879970;padding:0 0 0 12px}.note-card strong{font-size:12px}.note-card p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:8px}.workbench-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;height:47px;font-size:10px;color:var(--muted)}.workbench-footer>span:first-child{display:flex;align-items:center;gap:7px}.footer-note{font:9px var(--mono);letter-spacing:.6px;display:flex;align-items:center;gap:30px}.small-brand{font:500 16px var(--sans);letter-spacing:-.5px;color:#526246}.mobile-tabs,.mobile-export-bar{display:none}
.post-view{padding:17px 26px;flex:1;overflow:auto;min-height:0;background:#edf0e7}.sim-controls{display:flex;align-items:center;justify-content:space-between;max-width:510px;margin:0 auto 8px}.sim-post{background:#fff;color:#18201b;border:1px solid #dce0d8;border-radius:10px;padding:16px;margin:0 auto;max-width:470px}.sim-post.dark{background:#141a18;color:#e8eee7;border-color:#404c43}.sim-author{display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;background:#dbe5c9;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:24px;color:#405737}.sim-author strong{display:block;font-size:11px}.sim-author div>span{display:block;font-size:10px;color:#879285}.sim-dots{margin-left:auto;align-self:flex-start}#sim-caption{font-size:12px;line-height:1.65;margin:10px 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}.sim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:2px;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#b5bcb3}.sim-grid canvas{width:100%;height:100%;object-fit:cover;display:block;min-width:0;min-height:0}.sim-grid.count-1{grid-template-columns:1fr;grid-template-rows:1fr}.sim-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}.sim-grid.count-3 canvas:first-child{grid-row:span 2}.sim-footer{display:flex;justify-content:space-between;color:#8b958b;margin-top:12px;max-width:370px}.sim-footer svg{width:15px;height:15px}.sim-options{display:flex;align-items:center;gap:18px;max-width:470px;margin:14px auto 0}.sim-options label{font-size:10px;flex:1}.sim-options label>span{float:right;font:10px var(--mono)}.sim-options select{display:block;width:100%;font-size:10px;margin-top:4px;min-height:30px}.sim-options input{display:block;margin-top:8px}.notice{padding:11px 12px;border-radius:5px;background:#efe7d9;color:#785f3c;font-size:11px;line-height:1.75;overflow-wrap:anywhere}.post-view>.notice{max-width:470px;margin:12px auto 0}.notice.error{background:#f9e9e2;color:#a3422d}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#293c30;color:#f6f4e8;border:1px solid #5d725b;padding:12px 20px;border-radius:8px;box-shadow:0 6px 30px #142a1726;font-size:12px;max-width:calc(100vw - 32px);z-index:2000}.toast.error{background:#843e2c;border-color:#a65b46}.drop-overlay{position:fixed;inset:10px;background:#f2f3e7f5;border:2px dashed #84916d;border-radius:15px;z-index:800;display:flex;align-items:center;justify-content:center;pointer-events:none;text-align:center}.drop-symbol{font:100px Georgia;color:var(--accent)}.drop-overlay h2{font-size:28px}.drop-overlay p{color:var(--muted);margin-top:12px}.busy-overlay{position:fixed;inset:0;background:#eeeedd99;z-index:1001;display:flex;align-items:center;justify-content:center}.busy-card{min-width:240px;background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:10px;box-shadow:0 10px 70px #27372830;text-align:center}.busy-card strong{display:block;margin-top:13px;font-size:13px}.busy-card p{font-size:11px;color:var(--muted);margin-top:9px}.spinner{width:21px;height:21px;display:inline-block;border:2px solid #b7c2ab;border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Dialogs are real modal dialogs: focus containment and Escape are browser-managed. */
dialog{background:var(--panel);color:var(--ink);padding:0;border:1px solid #b8c0ab;border-radius:13px;box-shadow:0 30px 100px #1f362849;max-width:calc(100vw - 32px);max-height:calc(100svh - 40px);overflow:auto}dialog::backdrop{background:#28392b77;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:24px;font-weight:580;letter-spacing:.4px;line-height:1.4;margin-top:5px}.dialog-footer{border-top:1px solid var(--line);padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);line-height:1.7;background:#f8f9f2}.dialog-footer>div{display:flex;gap:8px;flex-shrink:0}.dialog-actions{display:flex;align-items:center;gap:7px}.export-dialog{width:930px}.export-body{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:400px}.export-settings{border-right:1px solid var(--line);padding:22px}.export-settings>.button{margin-top:12px}.export-settings .notice{margin-top:14px}.width-presets{display:flex;gap:6px}.width-presets button{flex:1;font:10px var(--mono);border:1px solid var(--line);border-radius:4px;min-height:29px}.width-presets button[aria-pressed=true]{background:var(--green-soft);border-color:#7a9368}.export-preview{background:#f0f2e9;padding:26px;min-width:0}.export-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px}.export-placeholder canvas{max-width:100%;max-height:250px;object-fit:contain;box-shadow:0 5px 20px -10px #28392b6b}.export-placeholder h3{font-size:18px;font-weight:560}.export-placeholder p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:8px}.export-progress>div{display:flex;align-items:center;gap:10px;margin-top:20px}.export-progress strong{font-size:12px}.export-progress progress{width:100%;accent-color:var(--green);margin:20px 0;height:8px}.ready-heading{display:flex;align-items:center;gap:10px;margin-bottom:19px}.ready-check{width:31px;height:31px;background:#dce7d2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4b6944}.ready-heading strong{font-size:15px;font-weight:600}.ready-heading .meta{display:block;margin-top:3px}.export-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:440px;overflow:auto}.result-item{border:1px solid var(--line);border-radius:6px;padding:8px;background:var(--panel);min-width:0}.result-image{padding:0;width:100%;height:100px;background:#e9eee2;border-radius:3px;display:block;overflow:hidden}.result-image img{width:100%;height:100%;object-fit:contain}.result-info{display:flex;align-items:center;justify-content:space-between;margin-top:7px;gap:5px}.result-info strong{font:11px var(--mono)}.result-info span{display:block;font:9px var(--mono);color:var(--muted)}.result-info .icon-button{border:1px solid var(--line);width:30px;height:30px}.result-info .icon-button svg{width:15px;height:15px}.proof-dialog{width:1100px}.proof-stage{height:65vh;min-height:240px;overflow:auto;background:#e4e7dc;display:flex;align-items:flex-start;justify-content:flex-start;padding:15px}.proof-stage canvas,.proof-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;margin:auto}.proof-stage.actual canvas,.proof-stage.actual img{max-width:none;max-height:none;margin:0;flex-shrink:0}.proof-stage.actual{display:block}.small-dialog{width:540px}.dialog-content{padding:25px 26px}.dialog-content>p{font-size:12px;line-height:1.9}.project-action{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:16px 0;min-height:74px;border-bottom:1px solid var(--line)}.project-action>[data-icon]{width:35px;height:35px;background:var(--green-soft);border-radius:6px}.project-action>span:nth-child(2){flex:1;min-width:0}.project-action strong{font-size:12px;display:block;font-weight:600}.project-action small{font-size:11px;color:var(--muted);display:block;margin-top:4px;line-height:1.7}.shortcut-list{display:grid;grid-template-columns:1fr auto;gap:14px;padding:20px 0;font-size:12px}.shortcut-list kbd{width:max-content;justify-self:end;font-size:10px}.prose h3{font-size:14px;margin-top:25px;margin-bottom:7px}.prose p{font-size:12px;line-height:1.9;color:var(--muted)}.version-mark{border-top:1px solid var(--line);padding-top:21px;margin-top:24px;font-size:24px;font-weight:600;letter-spacing:-1px}.version-mark span{float:right;font:10px var(--mono);color:var(--muted);margin-top:10px;letter-spacing:0}.recipes-dialog{width:900px}.recipe-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px}.recipe{border:1px solid var(--line);border-radius:8px;overflow:hidden;padding:0;text-align:left}.recipe canvas{width:100%;aspect-ratio:16/9;display:block}.recipe-description{padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.recipe-description strong{font-size:13px;display:block;font-weight:600}.recipe-description p{font-size:10px;color:var(--muted);margin-top:4px}.recipe-description>span{font:22px Georgia;color:var(--accent)}
.project-action.new-work>[data-icon]{background:#f4e5dc;color:var(--accent)}#new-project-autosave-note{margin-top:18px}
@media(min-width:1600px){.workbench{grid-template-columns:258px minmax(0,1fr) 292px}.topbar{padding-inline:42px}.page{padding-inline:42px}.stage{padding:65px 48px}.layout-preset span{font-size:11px}.film-image{height:83px}.filmstrip{min-height:138px}.control-section{padding:20px}.help-text{font-size:12px}.field,.section-label h3{font-size:12px}}
@media(max-width:1279px){.top-links{display:none}.topbar{gap:18px;padding-inline:23px}.page{padding-inline:23px}.workbench{grid-template-columns:216px minmax(0,1fr) 240px}.control-section{padding:15px}.sidebar-title{padding:0 15px}.layout-preset{gap:5px;padding:8px 5px}.layout-preset svg{width:25px}.layout-preset span{font-size:9px}.canvas-toolbar{padding:0 8px}.canvas-tools{gap:0}.tool{padding:0 7px}.canvas-toolbar .icon-button{width:31px}.local-badge{display:none}.swatches{gap:7px}.swatches>button,.custom-color{width:24px;height:24px}.swatches>button[aria-pressed=true]::after{left:9px;top:9px}.filmstrip-head .meta{display:none}.stage{padding:48px 27px}.filmstrip{gap:7px;padding-inline:12px}.film-card{min-width:90px}}
@media(max-width:1050px){.workbench{grid-template-columns:210px minmax(0,1fr);height:auto;min-height:0}.inspector-sidebar{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);min-height:350px}.inspector-sidebar .sidebar-scroll{overflow:visible}.inspector-sidebar #adjust-panel{display:grid;grid-template-columns:1.3fr 1fr 1fr}.inspector-sidebar .control-section{border-bottom:0;border-right:1px solid var(--line)}.inspector-sidebar #post-panel:not([hidden]){display:grid;grid-template-columns:1fr 1fr 1fr}.inspector-sidebar #text-panel:not([hidden]){display:grid;grid-template-columns:1fr 2fr}.inspector-sidebar #text-properties{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inspector-sidebar #text-properties>.field:first-child{grid-column:1/-1}.inspector-sidebar .sidebar-foot{display:none}.canvas-area{min-height:620px}.layout-sidebar{max-height:680px}.stage{min-height:360px}.canvas-toolbar{padding:0 13px}.intro-note{display:none}.brand-tag{display:none}.footer-note{font-size:8px}.swatches{gap:10px}.layout-preset span{font-size:10px}}
@media(max-width:700px){
  .topbar{height:63px;padding:0 15px;gap:9px}.brand{font-size:26px;gap:7px;letter-spacing:-1.5px}.top-actions{gap:3px}.top-actions>.secondary{display:none}.top-actions>.primary{min-height:36px;padding:0 11px;font-size:11px}.top-actions>.primary svg{width:15px}.button-label{display:none}.top-actions .quiet{padding:0 9px}.page{padding:20px 12px 90px}.intro{margin-bottom:19px;padding:0 3px}.intro .eyebrow{font-size:8px;letter-spacing:.65px}.intro h1{font-size:24px;letter-spacing:.5px;margin-top:7px}.document-bar{height:46px;padding:0 10px}.document-identity{gap:4px;flex:1}.document-identity input{max-width:150px;font-size:11px;width:140px}.document-identity .meta{display:none}.document-identity>span svg{width:15px}.history-actions .icon-button{width:31px;height:32px}.bar-divider{margin:0 3px}.mobile-tabs{display:flex;gap:0;border:1px solid var(--line);border-bottom:0;background:var(--panel);height:43px;padding:0 9px}.mobile-tabs button{flex:1;color:var(--muted);font-size:11px;border-bottom:2px solid transparent}.mobile-tabs button[aria-pressed=true]{color:var(--green);font-weight:650;border-color:var(--green)}.workbench{display:flex;flex-direction:column;border-radius:0 0 9px 9px;min-height:0;height:auto}.canvas-area{order:0;min-height:0}.layout-sidebar{order:1;display:none;max-height:none;border:0;border-top:1px solid var(--line)}.inspector-sidebar{order:2;display:none;min-height:0;border-top:1px solid var(--line)}.workbench[data-mobile-panel=layout] .layout-sidebar{display:flex}.workbench[data-mobile-panel=adjust] .inspector-sidebar,.workbench[data-mobile-panel=text] .inspector-sidebar{display:flex}.sidebar-scroll{overflow:visible}.inspector-sidebar #adjust-panel{display:block}.inspector-sidebar #text-panel:not([hidden]),.inspector-sidebar #post-panel:not([hidden]){display:block}.inspector-sidebar #text-properties{display:block}.sidebar-title{height:46px;padding:0 17px}.control-section{padding:18px}.sidebar-title h2{font-size:13px}.section-label h3,.field,.two-fields label{font-size:12px}.help-text{font-size:12px;line-height:1.85}.segmented button{min-height:36px;font-size:12px}.layout-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.layout-preset{min-height:75px;flex-direction:column;gap:6px;align-items:center;text-align:center}.layout-preset span{font-size:10px}.layout-preset svg{width:33px;height:26px}.ratio-presets button{min-height:36px;font-size:12px}.stage{min-height:250px;height:320px;flex:none;padding:43px 28px 37px}.stage-topline{font-size:8px;left:16px;right:16px;top:13px}.stage-hint{font-size:9px;bottom:11px}.canvas-toolbar{height:49px;padding:0 9px}.canvas-toolbar .icon-button{height:34px;width:33px;padding:8px}.tool{min-height:34px;padding:0 8px;font-size:10px}.tool svg{width:16px}.canvas-toolbar #proof-button{display:none}.canvas-toolbar #preview-button span:last-child{display:none}.canvas-status{height:auto;min-height:33px;padding:7px 13px;font-size:9px}.canvas-status>.meta{font-size:8px}.filmstrip-head{height:37px;padding:3px 13px 0}.filmstrip{padding:8px 13px 12px;min-height:119px;gap:8px}.film-card{min-width:92px;max-width:135px}.film-image{height:64px}.film-controls .icon-button{width:27px;height:28px}.film-label{font-size:8px}.guide-number{font-size:8px;width:20px;height:18px;left:5px;top:5px}.workbench-footer{height:43px;font-size:9px}.footer-note{display:none}.mobile-export-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px;position:fixed;left:0;right:0;bottom:0;background:#fffefa;padding:10px 15px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:50;box-shadow:0 -4px 20px #1b301310}.mobile-export-bar>span{margin-right:auto;font:10px var(--mono);color:var(--muted)}.mobile-export-bar .button{min-height:42px;padding:0 13px;font-size:12px}.sidebar-foot{font-size:11px}.post-view{padding:15px;max-height:none;min-height:420px}.sim-post{padding:12px}.sim-options{gap:12px}.toast{bottom:82px;font-size:12px;padding:12px 16px;width:max-content;max-width:calc(100vw - 24px)}.export-dialog{max-width:calc(100vw - 16px)}dialog{max-width:calc(100vw - 20px);max-height:calc(100svh - 24px);border-radius:10px}.dialog-header{padding:18px 17px;gap:12px}.dialog-header h2{font-size:21px}.dialog-header .eyebrow{font-size:8px}.dialog-content{padding:20px 18px}.export-body{grid-template-columns:1fr}.export-settings{border-right:0;border-bottom:1px solid var(--line);padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}.export-settings>.field{margin-bottom:2px}.export-settings>.width-presets{align-items:center}.export-settings>.help-text,.export-settings>.notice{grid-column:1/-1;margin:3px 0}.export-settings>.check-field{margin:2px 0}.export-settings>.button{margin-top:6px;font-size:10px;padding:0 7px}.export-settings>.range-field{margin-top:0}.export-preview{padding:20px 17px}.export-placeholder canvas{max-height:190px}.export-placeholder{gap:12px}.export-placeholder h3{font-size:16px}.dialog-footer{padding:13px 15px;flex-direction:column;align-items:flex-start;gap:11px}.dialog-footer>div{width:100%;justify-content:flex-end}.export-dialog .dialog-footer{position:sticky;bottom:0;z-index:2;box-shadow:0 -1px 8px #30462a0d}.export-results{max-height:450px}.proof-dialog .dialog-header{align-items:flex-start}.proof-dialog .dialog-header h2{font-size:18px}.proof-dialog .dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px}.proof-dialog .dialog-actions .button{font-size:10px;padding-inline:7px}.proof-stage{height:60vh;padding:8px}.recipe-list{grid-template-columns:1fr;gap:15px;padding:18px}.version-mark span{float:none;display:block}.shortcut-list{font-size:11px}.inspector-tabs{height:43px}.inspector-tabs button{font-size:12px}.transform-buttons .button{font-size:12px;min-height:40px}.swatches{gap:16px}.swatches>button,.custom-color{width:30px;height:30px}.custom-color span{width:30px;height:30px}.swatches>button[aria-pressed=true]::after{left:12px;top:12px}.asset-button{width:77px;height:60px}.text-layer-button{min-height:42px}.filmstrip .icon-button{min-height:28px}
}
@media(max-width:370px){.top-actions .primary{padding:0 9px}.brand{font-size:24px;gap:5px}.brand-tag{display:none}.page{padding-inline:9px}.intro h1{font-size:22px}.intro .eyebrow{font-size:7px}.document-identity input{max-width:122px}.canvas-toolbar{padding-inline:5px}.tool{padding-inline:6px}.canvas-tools .icon-button{width:29px}.canvas-status .meta{display:none}.layout-presets{grid-template-columns:repeat(4,1fr)}.stage{height:280px;min-height:230px}.mobile-export-bar{padding-inline:12px;gap:6px}.mobile-export-bar .button{padding-inline:10px}.mobile-export-bar>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}

/* Legible touch editing; avoids tiny form controls on mobile. */
@media(max-width:700px){input[type=text],input[type=number],textarea,select,.document-identity input{font-size:16px;min-height:42px}.document-identity input{max-width:168px}.document-bar{min-height:56px}.sidebar-scroll{padding-bottom:28px}}
@media(max-width:370px){.document-identity input{max-width:130px}}