@font-face{font-family:StudioMono;src:local("Menlo"),local("Consolas"),local("monospace")}*{box-sizing:border-box} :root{--ink:#243a30;--muted:#7a8071;--paper:#f5f2e8;--panel:#fffdf6;--line:#e4e5d8;--green:#224b3c;--green-soft:#e9eee2;--gold:#b78a36;--shadow:0 3px 12px #243a300a;--mono:StudioMono,ui-monospace,monospace}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:12px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);border-radius:6px;min-height:32px;padding:6px 11px;transition:background .12s,border-color .12s,box-shadow .12s}button:hover{border-color:#a9b49b;background:#f0f2e6}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #b78a36;outline-offset:2px}button:disabled{opacity:.35;cursor:default}button:disabled:hover{border-color:var(--line);background:var(--panel)}input,select,textarea{border:1px solid var(--line);border-radius:5px;padding:8px;background:var(--panel);min-width:0}input[type=checkbox]{accent-color:var(--green);width:13px;height:13px;margin:0;cursor:pointer}input[type=color]{padding:3px;width:35px;height:30px;cursor:pointer}input[type=range]{accent-color:var(--green);height:18px;padding:0}select{height:34px;cursor:pointer}textarea{resize:vertical;width:100%;line-height:1.6}a{color:var(--green)}.masthead{height:83px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:24px}.wordmark{display:flex;gap:12px;color:var(--green);text-decoration:none;min-width:242px;letter-spacing:2px;font-size:15px;line-height:1.3;font-weight:800}.wordmark b{font-size:10px;display:inline-block;background:var(--green);color:var(--panel);padding:3px 5px;letter-spacing:1px;border-radius:2px;vertical-align:2px}.wordmark small{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:.5px;margin-top:4px}.crest{font-size:36px;color:var(--gold);line-height:1}.project-title{margin-right:auto;display:flex;flex-direction:column;gap:3px;max-width:300px}.project-title input{border:0;background:transparent;padding:1px;font-size:13px;font-weight:600;width:100%}.project-title>span{font-size:10px;color:var(--muted)}.project-actions{display:flex;gap:8px;align-items:center}.primary{background:var(--green);border-color:var(--green);color:#fffbea;min-height:36px;font-weight:600}.primary:hover{background:#326047;border-color:#326047}.primary span{margin-left:18px}.subtle{border-color:transparent;background:transparent}.subtle:hover{background:var(--green-soft)}kbd{font-family:var(--mono);font-size:9px;border:1px solid var(--line);border-radius:3px;background:#eeeee3;padding:2px 4px;color:var(--muted)}.studio-layout{height:calc(100vh - 83px);min-height:650px;display:grid;grid-template-columns:300px minmax(350px,1fr) 260px}.panel{background:var(--panel);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c8cbbb transparent}.library{border-right:1px solid var(--line);display:flex;flex-direction:column}.panel-heading{padding:21px 18px 14px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:8px;font-weight:750;letter-spacing:1.7px;color:var(--gold);line-height:1.8}h1,h2,h3,p{margin:0}h1{font-size:20px;font-weight:650;letter-spacing:-.5px;margin-top:3px}h2{font-size:16px;font-weight:650;letter-spacing:-.3px}h3{font-size:12px;font-weight:650}.count-pill{background:#eef1e6;border:1px solid #e2e8d9;padding:5px 7px;border-radius:20px;font-size:9px;color:#667d58;white-space:nowrap}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;margin:0 15px 9px;padding-left:9px;background:white}.search>span{font-size:22px;color:#6b7b61}.search input{border:0;background:transparent;width:100%;font-size:11px;padding:9px}.library>select{margin:0 15px 10px;width:calc(100% - 30px);font-size:11px;background:#f7f7ef}.asset-list{height:176px;min-height:115px;overflow:auto;margin:0 8px 12px;padding:0 5px;scrollbar-width:thin}.asset-item{display:flex;text-align:left;width:100%;gap:9px;align-items:center;border:1px solid transparent;border-radius:5px;background:transparent;padding:6px;min-height:46px}.asset-item:hover{background:#f0f2e7}.asset-item.active{background:#e9efdf;border-color:#c5d3b9}.asset-thumb{width:36px;height:32px;border-radius:3px;object-fit:contain;image-rendering:pixelated;flex-shrink:0;background:#e1e4d6}.asset-thumb-fallback{display:grid;place-items:center;color:#7b8e64;font-size:22px}.asset-item .asset-name{font-size:11px;display:block;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:200px}.asset-item .asset-section{font-size:9px;color:var(--muted);display:block;margin-top:2px}.no-results{color:var(--muted);font-size:11px;line-height:1.7;padding:16px 5px}.sheet-workshop{border-top:1px solid var(--line);padding:14px 15px;flex-grow:1}.sheet-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;gap:8px}.sheet-heading h2{font-size:13px;max-width:210px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:3px}.icon-button{font-size:19px;line-height:1;padding:4px 8px;min-height:29px;min-width:29px}.segmented{display:flex;padding:3px;background:#efefe4;border:1px solid #e5e6da;border-radius:6px;margin-bottom:9px;gap:2px}.segmented button{flex:1;background:transparent;border:1px solid transparent;font-size:10px;padding:5px 2px;min-height:27px}.segmented button.active{background:var(--panel);border-color:#d9dfcd;box-shadow:0 1px 3px #243a3011;color:var(--green);font-weight:700}.checkerboard{background-color:#e9e9df;background-image:linear-gradient(45deg,#dcded1 25%,transparent 25%),linear-gradient(-45deg,#dcded1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dcded1 75%),linear-gradient(-45deg,transparent 75%,#dcded1 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.sheet-viewport{position:relative;height:190px;overflow:auto;border:1px solid #d8ddca;border-radius:4px;scrollbar-width:thin;touch-action:none}.sheet-viewport canvas{display:block;image-rendering:pixelated;cursor:crosshair}.sheet-viewport p{position:absolute;width:100%;top:42%;padding:0 20px;text-align:center;line-height:1.6;color:#7d866e;font-size:11px}.sheet-controls{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:10px}.sheet-controls>label:first-child{display:flex;align-items:center;gap:6px;flex:1}.sheet-controls input[type=range]{width:105px;min-width:40px;flex:1}.sheet-controls output{font-family:var(--mono);font-size:9px;min-width:21px}.check-label{display:flex;align-items:center;gap:6px;font-size:10px;cursor:pointer}.offset-controls{display:flex;align-items:center;gap:9px;font-size:9px;color:var(--muted);margin:10px 0}.offset-controls>span{margin-right:auto}.offset-controls label{display:flex;align-items:center;gap:4px}.offset-controls input{padding:4px;width:40px;height:24px;font:9px var(--mono)}.brush-info{display:flex;gap:10px;align-items:center;background:#f0f2e6;border:1px solid #e3e8d8;border-radius:5px;padding:8px}.brush-info canvas{border:1px solid #cbd3bb;image-rendering:pixelated;flex-shrink:0}.brush-info strong{font-size:10px;display:block}.brush-info small{font-size:9px;color:var(--muted);display:block;line-height:1.6;margin-top:4px}.transparency{margin:12px 0 8px;font-size:9px}.transparency summary{cursor:pointer;color:#6b775b;padding:3px 0}.transparency>.check-label{margin:9px 0}.key-controls{display:flex;gap:5px}.key-controls button{font-size:8px;padding:3px 5px;min-height:27px}.transparency p{font-size:9px;line-height:1.5;color:var(--muted);margin-top:6px}.wide-button{width:100%;font-size:10px;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.wide-button span{font-size:14px}.source-credit{font-size:8px;color:#9a9d8c;padding:10px 15px;line-height:1.7;border-top:1px solid var(--line);margin-top:auto}.source-credit a{color:#7c866c;text-decoration:none}.stage-column{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#f0f1e7}.stage-toolbar{background:var(--panel);border-bottom:1px solid var(--line);min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:9px 15px;gap:10px}.tool-group{display:flex;align-items:center;gap:4px}.tool{border-color:transparent;background:transparent;font-size:10px;display:flex;align-items:center;gap:7px;padding:7px 10px;white-space:nowrap}.tool span{font-size:15px}.tool.active{background:#e5eddb;border-color:#c8d7b9;color:#34532d}.history .icon-button{border-color:transparent;background:transparent}.toolbar-divider{height:18px;width:1px;background:var(--line);margin:0 7px}.stage-meta{display:flex;justify-content:space-between;align-items:center;padding:19px 25px 14px}.stage-meta h2{font-size:18px;margin-top:3px}.stage-zoom{display:flex;align-items:center;gap:3px;background:#fffdf8;border:1px solid var(--line);border-radius:6px;padding:2px}.stage-zoom button{border:0;background:transparent;min-height:25px;padding:3px 8px}.stage-zoom output{font:9px var(--mono);min-width:39px;text-align:center;color:#78846a}.stage-zoom button:last-child{font-size:9px;border-left:1px solid var(--line);border-radius:0}.stage-viewport{flex:1;position:relative;min-height:180px;overflow:auto;display:flex;align-items:flex-start;padding:22px;scrollbar-width:thin;background-color:#e8ebdf;background-image:radial-gradient(#cbd2bd .7px,transparent .7px);background-size:12px 12px}.canvas-wrap{position:relative;flex-shrink:0;margin:auto;box-shadow:0 6px 26px #25372b1a,0 0 0 1px #cad1bd;line-height:0}.canvas-wrap canvas{display:block;image-rendering:pixelated;cursor:crosshair;touch-action:none;outline-offset:5px}.empty-nudge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;color:#718260;line-height:1.7;width:265px;max-width:85%;background:#f5f6e9eb;padding:19px 12px;border:1px solid #d7dfc7;box-shadow:0 4px 14px #243a300d;border-radius:7px}.empty-nudge>span{display:block;font-size:27px;color:var(--gold);margin-bottom:6px}.empty-nudge strong{font-size:11px;display:block;color:#52674b}.empty-nudge p{font-size:10px;margin-top:5px}.stage-status{height:31px;min-height:31px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#7c856f;border-top:1px solid var(--line);background:#f5f5eb;gap:10px}.stage-status>span:first-child{display:flex;align-items:center;gap:6px;min-width:0}.stage-status #statusText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-status>span:last-child{white-space:nowrap;font:8px var(--mono)}.status-dot{display:block;width:5px;height:5px;background:#849f64;border-radius:50%;flex-shrink:0}.slide-tray{height:154px;min-height:154px;background:var(--panel);border-top:1px solid var(--line);position:relative;padding:12px 18px 13px;display:flex;align-items:flex-end;gap:9px}.tray-heading{position:absolute;top:8px;left:18px;right:14px;display:flex;align-items:center;justify-content:space-between}.tray-heading button{font-size:9px;min-height:23px;padding:3px 7px}.slide-list{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;max-width:calc(100% - 95px);padding:6px 0}.slide-card{padding:5px;min-width:77px;width:77px;flex-shrink:0;background:#f1f2e8;border-color:#dfe3d4;border-radius:5px;position:relative}.slide-card.active{border-color:#5b7950;background:#e9efdf;box-shadow:0 0 0 1px #5b79501c}.slide-card canvas{display:block;image-rendering:pixelated;object-fit:contain;width:65px;height:66px;background-color:#e0e4d5}.slide-card span{font-size:8px;display:block;margin-top:5px;max-width:65px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-card i{position:absolute;top:8px;left:8px;font-style:normal;font:7px var(--mono);background:#fffde8e6;padding:2px 3px;border-radius:2px}.add-slide{height:94px;min-width:77px;width:77px;border-style:dashed;border-color:#cad2bd;background:#fafbf3;font-size:9px;margin-bottom:6px;line-height:1.6;color:#849172}.add-slide>span{display:block;font-size:25px;color:#8a9d72}.inspector{border-left:1px solid var(--line)}.inspector .panel-heading{padding-bottom:20px}.inspector .panel-heading h2{margin-top:4px;font-size:17px}.inspector-section{padding:16px;border-top:1px solid var(--line)}.field-label{display:block;font-size:9px;font-weight:600;color:#78816c;margin:0 0 7px}.full-input{width:100%;font-size:11px}.inspector-section>select{width:100%;font-size:10px}.inspector-section>.field-label:not(:first-child){margin-top:15px}.dimension-card{padding:10px 11px;background:#edf1e3;border:1px solid #e1e7d5;border-radius:5px;margin:9px 0 14px}.dimension-card strong{display:block;font:14px var(--mono);letter-spacing:.5px;color:#586e45}.dimension-card span{display:block;font-size:8px;color:#829071;margin-top:5px}.color-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.section-row>span{font-size:8px;color:#959b88}.layer-list{display:flex;flex-direction:column;gap:5px}.layer-list button{display:flex;gap:9px;align-items:center;text-align:left;background:#fafbf5;border:1px solid #e8eade;padding:9px}.layer-list button>span:first-child{font-size:19px;color:#99a58a;width:22px;text-align:center}.layer-list button>span:nth-child(2){font-size:10px;font-weight:600}.layer-list small{display:block;font-size:8px;font-weight:400;color:#919a82;margin-top:3px}.layer-list button.active{background:#eaf0e0;border-color:#c1d0b0}.layer-list .layer-check{margin-left:auto;color:#638150;font-size:12px;opacity:0}.layer-list button.active .layer-check{opacity:1}.snap-setting{margin-top:12px;flex-wrap:wrap}.snap-setting select{margin-left:auto;font-size:9px;height:27px;padding:3px}.selection-details{font-size:9px;line-height:1.6;color:#859176;margin:8px 0 12px;overflow-wrap:anywhere}.transform-row{display:flex;align-items:flex-end;gap:5px}.transform-row>label{margin:0;flex:1}.transform-row select{width:100%;margin-top:6px;font-size:9px;height:31px}.transform-row>button{font-size:17px;padding:4px 9px;min-height:31px}.transform-row>button.active{background:#e5eddb;border-color:#aec399}.position-row{display:flex;gap:6px;margin:12px 0}.position-row label{flex:1;font-size:8px;color:#88917d;min-width:0}.position-row input{display:block;margin-top:5px;width:100%;font:10px var(--mono);padding:6px}.arrange-row{display:flex;gap:5px;margin:8px 0}.arrange-row button{font-size:9px;flex:1;padding:5px}.danger{color:#aa6f58}.text-button{background:transparent;border:0;padding:0;min-height:0;font-size:9px;text-decoration:underline;text-underline-offset:3px}.text-button:hover{background:transparent;border:0}.inspector-note{display:flex;gap:9px;color:#929b83;margin:18px 16px;font-size:9px;line-height:1.7}.inspector-note>span{font-size:21px;color:#b89a53}.delete-scene{display:block;margin:12px auto 23px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#214b3df5;color:#fff7dd;border:1px solid #789363;border-radius:7px;padding:12px 18px;font-size:12px;box-shadow:0 6px 25px #20342530;pointer-events:none;opacity:0;transition:.2s;max-width:540px;z-index:30}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #cad4bb;border-radius:10px;background:var(--panel);color:var(--ink);max-width:590px;width:calc(100% - 32px);padding:30px;box-shadow:0 20px 100px #15291e50}dialog::backdrop{background:#18362b88;backdrop-filter:blur(3px)}dialog h2{font-size:26px;margin:8px 0 20px}.dialog-close{position:absolute;right:13px;top:12px;background:transparent;border:0;font-size:26px}.help-notes{background:#edf1e4;border-radius:6px;padding:13px 16px;font-size:11px;line-height:1.7}.help-notes p+p{margin-top:9px}dialog ol{padding-left:20px;font-size:12px;line-height:1.8}dialog li{margin:0 0 12px;padding-left:5px}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:23px;font-size:10px}.shortcut-grid kbd{margin-right:6px}.help-credit{font-size:9px;color:#939b86;line-height:1.7;margin-top:25px}.library.expanded{position:fixed;left:15px;top:95px;width:min(800px,calc(100vw - 30px));height:calc(100vh - 115px);z-index:20;border:1px solid #a8b998;border-radius:9px;box-shadow:0 9px 70px #1b352d44}.library.expanded .asset-list{max-height:115px;min-height:90px}.library.expanded .sheet-workshop{display:flex;flex-direction:column;min-height:300px}.library.expanded .sheet-viewport{flex:1;min-height:160px}.library.expanded .sheet-heading h2{max-width:600px}.library.expanded .brush-info{width:100%}.library.expanded .sheet-controls input[type=range]{max-width:300px}.library.expanded .transparency{display:none}.library.expanded .source-credit{display:none}[hidden]{display:none!important} @media(min-width:1600px){.studio-layout{grid-template-columns:330px minmax(350px,1fr) 285px}.asset-list{height:225px}.sheet-viewport{height:240px}.asset-item .asset-name{max-width:230px}.stage-meta{padding:23px 30px 18px}}@media(max-width:1170px){.studio-layout{grid-template-columns:270px minmax(300px,1fr) 230px}.masthead{gap:14px;padding:0 16px}.wordmark{min-width:225px;font-size:13px}.project-title{max-width:180px}.project-actions{gap:4px}.project-actions button{font-size:10px;padding:6px 8px}.stage-toolbar{padding:9px 8px}.tool{padding:7px;font-size:9px;gap:4px}.history{gap:0}.toolbar-divider{margin:0 4px}.stage-status #sceneSize{display:none}.sheet-workshop{padding:13px}.asset-item .asset-name{max-width:172px}.stage-meta{padding:15px 18px}.inspector-section{padding:14px}.panel-heading{padding-left:15px;padding-right:15px}}@media(max-width:960px){.studio-layout{grid-template-columns:250px minmax(300px,1fr) 210px;overflow-x:auto}.masthead{min-width:760px}.project-title{display:none}.wordmark{margin-right:auto}.stage-toolbar{flex-wrap:wrap;gap:4px;min-height:70px}.history{margin-left:auto}.stage-meta{padding:12px}.stage-meta h2{font-size:15px}.inspector-section{padding:12px}.sheet-viewport{height:160px}.project-actions button{font-size:11px}.stage-viewport{padding:18px}.slide-tray{height:145px;min-height:145px}}@media(max-height:850px){.asset-list{height:135px;min-height:95px}.sheet-viewport{height:155px}.sheet-workshop{padding-top:10px}.source-credit{padding-top:7px;padding-bottom:7px}.inspector-section{padding-top:13px;padding-bottom:13px}.sheet-heading{margin-bottom:8px}.stage-meta{padding-top:14px;padding-bottom:11px}.slide-tray{height:141px;min-height:141px}.slide-card canvas{height:56px}.add-slide{height:84px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}