.project-file-menu,.image-tools-menu{flex-shrink:0;display:block;position:relative}.project-file-menu>summary,.image-tools-menu>summary{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:13px;list-style:none;display:flex}.project-file-menu>summary::-webkit-details-marker{display:none}.image-tools-menu>summary::-webkit-details-marker{display:none}.project-file-menu>div,.image-tools-menu>div{z-index:80;background:var(--surface);border-radius:10px;width:260px;padding:8px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 32px #352f3929}.image-tools-menu>div{overscroll-behavior:contain;width:328px;max-height:calc(100dvh - 240px);scroll-padding-block:88px 120px;left:0;right:auto;overflow:auto}.image-adjustments{border-bottom:1px solid var(--line);padding:6px 8px 12px}.image-adjustments-heading,.image-background-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.image-adjustments-heading{z-index:1;background:var(--surface);grid-template-columns:minmax(0,1fr) 44px 64px;padding-block:6px;display:grid;position:sticky;top:-8px}.image-adjustment-result{background:var(--brand-soft);border-radius:6px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.image-adjustment-result canvas{object-fit:contain;max-width:100%;max-height:100%;display:block}.image-adjustments strong{font-size:13px;line-height:1.4}.image-adjustments .image-adjustments-heading button,.image-adjustments .image-background-heading button{justify-content:center;width:44px;min-width:44px;padding:8px}.image-background-heading{margin-top:12px}.image-background-heading strong{align-items:center;gap:7px;display:flex}.image-adjustment-range{margin-top:6px;display:block}.image-adjustment-range>span{align-items:center;gap:6px;font-size:12px;display:flex}.image-adjustment-range output{font-family:var(--mono);font-variant-numeric:tabular-nums;margin-left:auto}.image-adjustment-range input{width:100%;min-height:32px;accent-color:var(--brand);margin:0}.image-adjustments .image-adjustment-hint{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.5}.image-tools-menu .background-color-picker{background:var(--art-stage,#e9e3df);border:1px solid var(--line-strong);cursor:crosshair;justify-content:center;margin-top:8px;padding:0;display:flex;overflow:hidden}.background-color-picker canvas{max-width:100%;height:auto;max-height:130px;display:block}.picked-background-color{border:1px solid var(--line-strong);border-radius:3px;width:14px;height:14px;display:block}.drawing-tools .brush-size{border:1px solid var(--line-strong);width:76px;min-height:44px;font:12px var(--mono);color:var(--ink);background:var(--surface);border-radius:6px;padding:7px 6px}.image-tools-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.image-tools-actions>small{grid-column:1/-1}.image-tools-actions>button{justify-content:center}.image-fine-tune{border-top:1px solid var(--line)}.image-fine-tune>summary,.custom-size>summary{min-height:44px;color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-size:13px;list-style:none;display:flex}.image-fine-tune>summary{justify-content:space-between;padding-inline:8px}.image-fine-tune>summary::-webkit-details-marker{display:none}.custom-size>summary::-webkit-details-marker{display:none}.image-fine-tune[open]>summary>svg,.custom-size[open]>summary>svg{transform:rotate(180deg)}.project-file-menu button,.image-tools-menu button{text-align:left;width:100%;min-height:44px;color:var(--ink);border-radius:5px;justify-content:flex-start;align-items:center;gap:8px;padding:10px;font-size:13px;display:flex}.project-file-menu button:hover,.image-tools-menu button:hover{background:var(--brand-soft)}.image-tools-menu small{color:var(--muted);padding:6px 10px;font-size:12px;line-height:1.5;display:block}.studio-topbar{z-index:60;position:relative}.studio-file-actions .workspace-toggle{align-items:center;gap:6px;display:inline-flex}.compact-action-label,.project-file-menu .workspace-menu-action,.editor[data-workspace=true] .upload-zone{display:none}.site-main:has(>.editor[data-workspace=true]){max-width:none;padding:16px}.site-main:has(>.editor[data-workspace=true])>:not(.editor){display:none}body:has(.editor[data-workspace=true])>#root .site-footer{display:none}body:has(.editor[data-workspace=true]) .site-footer{display:none}.editor[data-workspace=true] .size-controls{border-top:0;padding-top:0}.size-controls .settings-heading{min-height:27px}.size-controls .aspect-lock{min-height:44px;margin:4px 0 0;padding:6px 0;font-size:12px}.size-controls .resolution-slider{margin:4px 0 5px}.resolution-slider input{min-height:32px;margin-top:2px}.size-controls .size-quick button.active{color:#fff;background:var(--brand);border-color:var(--brand)}.custom-size{margin-top:4px}.custom-size>summary>span{font:12px/1.3 var(--mono);color:var(--muted);margin-left:auto}.custom-size .control-help{margin:0 0 10px}.size-controls h2,.palette-controls summary strong{font-size:16px;font-weight:650}.palette-controls{padding-block:6px 12px}.palette-controls[open] summary small{display:none}.palette-controls-body{gap:12px;padding-top:10px}.palette-controls-body>.input-group:first-child{grid-template-columns:78px minmax(0,1fr);align-items:center;gap:8px;display:grid}.palette-controls-body>.input-group:first-child label{font-size:13px}.palette-controls-body .select-wrap{min-width:0}.color-limit-heading label{display:block}.color-limit-heading .color-limit-result{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.4}.studio-settings .upload-zone{grid-template-columns:36px minmax(0,1fr);min-height:86px;padding:11px 12px}.studio-settings .upload-illustration{width:28px;height:28px}.studio-settings .upload-zone.has-image img{width:36px}body .editor[data-workspace=true] .studio-file-actions .studio-upload-button{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}body .editor[data-workspace=true] .studio-file-actions .studio-upload-button:hover:not(:disabled){background:var(--brand-soft);color:var(--brand);border-color:var(--brand)}body .editor[data-workspace=true] .studio-file-actions .export-button{background:var(--brand);border-color:var(--brand)}body .editor[data-workspace=true] .studio-file-actions .export-button:hover:not(:disabled){background:#823b4f;border-color:#823b4f}.board-viewport{background-image:radial-gradient(circle,#736979a0 .65px,#0000 .9px)}.color-limit-hint{line-height:1.4}.size-controls .size-quick button,.color-limit-quick button{font-size:13px}@media (width>=1101px){body .editor[data-workspace=false] .studio-file-actions .studio-upload-button{display:none}.editor[data-workspace=false] .studio-body{height:clamp(460px,100dvh - 372px,700px)}.editor .studio-body{grid-template-columns:340px minmax(0,1fr) 270px}.editor[data-mode=convert][data-materials=false] .studio-body,.editor[data-mode=pixel][data-materials=false] .studio-body{grid-template-columns:340px minmax(0,1fr)}.editor[data-workspace=true]{flex-direction:column;height:calc(100dvh - 104px);min-height:600px;margin:0;scroll-margin-top:16px;display:flex}.editor[data-workspace=true] .studio-body{flex:1;height:0;min-height:0}.editor[data-workspace=true] .studio-settings,.editor[data-workspace=true] .studio-canvas-section{height:100%;min-height:0}.editor[data-workspace=true] .settings-scroll{gap:12px;padding:16px 18px}.editor[data-workspace=true] .settings-scroll>*,.editor[data-workspace=true] .size-controls,.editor[data-workspace=true] .studio-save-status{flex-shrink:0}.editor[data-workspace=true] .blank-start{display:none}.editor:fullscreen{height:100dvh;min-height:0}.studio-file-actions{gap:8px}}.studio-dialog[open]:has(.download-options){grid-template-rows:auto minmax(0,1fr) auto;width:min(620px,100vw - 32px);display:grid;overflow:hidden}.download-options{overscroll-behavior:contain;min-height:0;padding-inline:2px;scroll-padding-block:8px;overflow:auto}.download-footer{border-top:1px solid var(--line);padding-top:10px}.download-pattern-summary{align-items:center;gap:14px;margin:18px 0;display:flex}.download-pattern-summary canvas{object-fit:contain;width:64px;height:64px;image-rendering:pixelated;background:#e9e3df;border-radius:5px;padding:4px}.download-pattern-summary>div{gap:4px;min-width:0;display:grid}.download-pattern-summary strong{overflow-wrap:anywhere;font-size:15px}.download-pattern-summary span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.download-formats{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:0;display:grid}.download-formats legend{margin-bottom:8px;padding:0;font-size:13px;font-weight:600}.download-formats label{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:8px;grid-template-columns:23px minmax(0,1fr) 16px;align-content:start;align-items:center;gap:8px;padding:13px;display:grid}.download-formats label.selected{border-color:var(--brand);background:var(--brand-soft)}.download-formats label:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:3px}.download-formats input{grid-area:1/3;width:16px;height:16px;min-height:0;margin:0;padding:0}.download-formats label>svg{color:var(--brand);grid-area:1/1}.download-formats strong{grid-area:1/2;font-size:14px}.download-formats span{color:var(--muted);grid-column:1/-1;font-size:12px;line-height:1.45}.download-primary{width:100%;min-height:48px}.download-feedback{color:var(--green);margin:8px 0;font-size:13px}.download-feedback:empty{display:none}.other-exports{border-top:1px solid var(--line);margin-top:18px;padding-top:8px}.other-exports>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;font-size:13px;list-style:none;display:flex}.other-exports>summary::-webkit-details-marker{display:none}.other-exports[open]>summary>svg{transform:rotate(180deg)}.other-exports .field-label{margin-top:8px}.other-exports>input{width:100%}.other-export-list{margin-block:12px;display:grid}.other-export-list>button{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:58px;padding:10px 4px;display:flex}.other-export-list>button:hover{background:var(--brand-soft)}.other-export-list>button>span{flex:1;gap:2px;display:grid}.other-export-list strong{font-size:13px}.other-export-list small{color:var(--muted);font-size:12px;line-height:1.4}.board-viewport.is-panning{cursor:grab}.board-viewport.is-panning:active{cursor:grabbing}@media (width<=1100px){body .editor .studio-file-actions .export-button{display:none}.editor .studio-file-actions{justify-content:flex-end}.mobile-editor-tabs{align-items:center;gap:6px;padding-inline:8px}.mobile-editor-tablist{flex:1;min-width:0;display:flex}.mobile-editor-tabs .mobile-editor-tablist>button{min-width:0;padding-inline:3px}.editor .mobile-editor-tabs .mobile-export-button{border:1px solid var(--brand);background:var(--brand);color:#fff;white-space:nowrap;border-radius:6px;flex:none;align-items:center;gap:6px;min-height:44px;padding:6px 10px;font-size:12px;font-weight:650;display:inline-flex}.editor .mobile-editor-tabs .mobile-export-button:hover:not(:disabled){background:#823b4f;border-color:#823b4f}.editor .studio-settings .upload-zone{display:none}.editor .studio-settings .settings-scroll>.size-controls:first-child{border-top:0;padding-top:0}.site-main:has(>.editor[data-workspace=true]){padding:10px}.editor:is([data-workspace=true],[data-making=true]) .studio-body.mobile-canvas .studio-canvas-section{height:max(360px,100dvh - 276px)}.studio-name .project-title-input{flex:1;width:0;min-width:0;font-size:16px}.editor .studio-file-actions .workspace-toggle{display:none}.project-file-menu .workspace-menu-action{display:flex}.wide-action-label{display:none}.compact-action-label{display:inline}body .editor .studio-file-actions .studio-upload-button,body .editor .studio-file-actions .export-button{padding-inline:10px;font-size:12px}.workspace-toggle>span{display:none}.project-file-menu>summary{padding:8px;font-size:12px}.project-file-menu>div{width:245px;right:0}.canvas-toolbar{position:relative}.image-tools-menu{order:2;position:static}.image-tools-menu>summary{padding-inline:8px;font-size:12px}.image-tools-menu>div{width:auto;left:8px;right:8px}.palette-controls-body>.input-group:first-child{grid-template-columns:84px minmax(0,1fr)}}@media (width<=380px){.mobile-export-button>svg{display:none}.image-adjustments-heading{grid-template-columns:minmax(0,1fr) 44px 44px;padding-block:0}.image-adjustment-result{width:44px;height:44px}.image-adjustments{padding-top:0}.project-file-menu>summary>svg:first-child{display:none}.project-file-menu>summary{gap:4px;padding-inline:6px}.studio-file-actions{gap:4px}.studio-file-actions .workspace-toggle{width:28px;min-width:28px}.download-formats{gap:7px}.download-formats label{grid-template-columns:minmax(0,1fr) 16px;padding:10px}.download-formats label>svg{display:none}.download-formats input{grid-column:2}.download-formats strong{grid-column:1;font-size:13px}}@media (width<=1100px){.editor:is([data-workspace=true],[data-making=true]) .studio-body.mobile-canvas .studio-canvas-section{grid-template-rows:auto 54px minmax(0,1fr)}.editor[data-making=true] .studio-body.mobile-canvas .studio-canvas-section{min-height:400px}.editor:is([data-workspace=true],[data-making=true]) .studio-canvas-section>:is(.board-viewport,.source-preview){grid-row:3}.editor:is([data-workspace=true],[data-making=true]) .studio-canvas-section>.canvas-bottom{border-top:0;border-bottom:1px solid var(--line);grid-row:2}.editor:is([data-workspace=true],[data-making=true]) .canvas-making-status{bottom:10px}}