#native-editor{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#eae9e4;background:#141615;color-scheme:dark;--gold:#dfba78;--muted:#9a9f98;--line:#333832}#native-editor *{box-sizing:border-box}#native-editor{margin:0}#native-editor button,#native-editor input,#native-editor select{font:inherit}#native-editor button,#native-editor a,#native-editor label.file-button{touch-action:manipulation}#native-editor button{cursor:pointer}#native-editor a{color:inherit;text-decoration:none}#native-editor header{height:76px;padding:0 4vw;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}#native-editor .brand{font-weight:800;letter-spacing:2px;font-size:22px}#native-editor .brand span{margin-left:12px;font-size:9px;letter-spacing:1.5px;font-weight:500;color:var(--muted)}#native-editor .back{margin-left:auto;font-size:13px;color:var(--muted)}#native-editor .local{font-size:11px;color:var(--gold)}#native-editor main{max-width:1480px;margin:auto;padding:48px 4vw 60px}#native-editor .eyebrow{font:10px ui-monospace,monospace;letter-spacing:2px;color:var(--gold);margin:0 0 14px}#native-editor h1{font-size:clamp(36px,4vw,60px);line-height:1.12;letter-spacing:-2px;margin:0 0 20px}#native-editor h2{font-size:20px;letter-spacing:-.5px;margin:0}#native-editor .intro>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}#native-editor .scope{display:flex;align-items:center;gap:16px;margin:26px 0 40px;padding:14px 18px;border:1px solid #554832;border-radius:10px;background:#29261e;font-size:12px;line-height:1.6}#native-editor .scope b{white-space:nowrap;color:var(--gold)}#native-editor .scope span{color:#bbb5a8}#native-editor .desk{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px}#native-editor .section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:20px}#native-editor .section-head>span{color:var(--muted);font-size:12px}#native-editor .section-head .eyebrow{margin-bottom:10px}#native-editor .slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}#native-editor .slot{border:1px solid var(--line);border-radius:12px;padding:15px 12px;text-align:left;background:#1b1e1b;color:inherit;min-height:106px;transition:background .15s,border-color .15s,transform .15s}#native-editor .slot:hover{border-color:#7a7667;transform:translateY(-2px)}#native-editor .slot[aria-pressed=true]{border-color:var(--gold);background:#2c2a22}#native-editor .slot small{display:block;font:10px ui-monospace,monospace;color:var(--muted);margin-bottom:12px}#native-editor .slot strong{font-size:13px;line-height:1.5;display:block}#native-editor .slot em{display:block;font-size:10px;font-style:normal;color:var(--gold);margin-top:9px}#native-editor .texture{display:flex;gap:30px;padding:20px 0 28px;border-bottom:1px solid var(--line)}#native-editor .label{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}#native-editor .segments{display:flex;gap:4px;background:#111411;border:1px solid var(--line);border-radius:8px;padding:4px}#native-editor .segments button{border:0;padding:8px 12px;border-radius:5px;background:transparent;color:var(--muted);font-size:12px;transition:background .15s,color .15s}#native-editor .segments button[aria-pressed=true]{background:#454334;color:#f4d59f}#native-editor .segments button:hover{color:#fff}#native-editor .catalog-head{margin-top:30px;align-items:center}#native-editor .search input{background:#1b1e1b;color:inherit;border:1px solid var(--line);border-radius:7px;padding:10px 12px;width:200px;font-size:12px}#native-editor .hint{font-size:11px;color:var(--muted);line-height:1.8;margin:12px 0 18px}#native-editor .catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#native-editor .film{position:relative;min-height:115px;padding:16px;background:#1b1e1b;color:inherit;border:1px solid var(--line);border-radius:10px;text-align:left;transition:border-color .15s,background .15s,transform .15s}#native-editor .film:hover{transform:translateY(-2px);background:#232723;border-color:#656b62}#native-editor .film[aria-pressed=true]{border-color:var(--gold);background:#2c2a22}#native-editor .film small{display:block;font:9px ui-monospace,monospace;color:var(--muted);letter-spacing:1px}#native-editor .film strong{display:block;margin-top:16px;font-size:13px}#native-editor .film .swatch{display:block;height:5px;width:34px;border-radius:10px;margin-top:12px;background:var(--swatch,#a69278)}#native-editor .film .check{position:absolute;right:12px;top:12px;color:var(--gold);font-size:13px}#native-editor .sidebar{display:flex;flex-direction:column;gap:16px}#native-editor .panel{padding:23px;border:1px solid var(--line);border-radius:12px;background:#1b1e1b}#native-editor .panel h2{font-size:18px;margin-bottom:20px}#native-editor .stamp-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}#native-editor .stamp-fields label{font-size:11px;color:var(--muted)}#native-editor .stamp-fields label:first-child{grid-column:1/-1}#native-editor select{width:100%;margin-top:7px;background:#141714;color:#eae9e4;border:1px solid #3c423a;border-radius:7px;padding:10px;font-size:12px}#native-editor .export>p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted)}#native-editor .source-status{padding:12px;border:1px solid var(--line);border-radius:7px;font-size:12px;line-height:1.7;margin:18px 0 10px}#native-editor .source-buttons{display:flex;flex-direction:column;gap:8px}#native-editor .secondary{padding:11px;border:1px solid #454b41;background:transparent;color:#d2d5cb;text-align:center;border-radius:7px;font-size:12px;cursor:pointer}#native-editor .primary{width:100%;display:flex;justify-content:space-between;background:var(--gold);color:#201d17;border:0;border-radius:7px;padding:15px;font-size:13px;font-weight:700}#native-editor .primary:disabled,#native-editor .secondary:disabled{opacity:.45;cursor:default}#native-editor .progress{min-height:20px;margin-bottom:0!important}#native-editor .progress[data-error=true]{color:#f0ab9a!important}#native-editor .download{display:block;border-bottom:1px solid var(--line);padding:12px 0;color:var(--gold);font-size:12px}#native-editor .instructions summary{cursor:pointer;font-size:13px;font-weight:600}#native-editor .instructions ol{padding-left:18px;font-size:12px;color:#b6bcb2;line-height:1.9}#native-editor .instructions li{margin-bottom:10px}#native-editor footer{padding:24px 4vw;border-top:1px solid var(--line);font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between}#native-editor .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#native-editor :focus-visible{outline:2px solid var(--gold);outline-offset:4px}#native-editor [hidden]{display:none!important}@media(max-width:1100px){#native-editor .desk{grid-template-columns:minmax(0,1fr) 300px;gap:20px}#native-editor .catalog{grid-template-columns:repeat(3,minmax(0,1fr))}#native-editor .slots{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){#native-editor header{height:60px;gap:12px}#native-editor .brand span,#native-editor .local{display:none}#native-editor main{padding:30px 20px}#native-editor .scope{align-items:start;flex-direction:column;gap:5px}#native-editor .desk{grid-template-columns:1fr}#native-editor .slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}#native-editor .slot{padding:10px 7px;min-height:108px}#native-editor .slot strong{font-size:11px}#native-editor .slot em{font-size:9px}#native-editor .texture{gap:15px}#native-editor .segments button{padding:8px 10px}#native-editor .catalog-head{align-items:start;flex-direction:column}#native-editor .search,#native-editor .search input{width:100%}#native-editor .catalog{grid-template-columns:repeat(2,minmax(0,1fr))}#native-editor .film{min-height:105px}#native-editor .sidebar{margin-top:16px}#native-editor footer span{display:none}}@media(prefers-reduced-motion:reduce){#native-editor *{transition:none!important;scroll-behavior:auto!important}}

#native-editor{background:transparent;font-family:inherit}#native-editor .intro,#native-editor .export,#native-editor .instructions{display:none}#native-editor .desk{display:block}#native-editor .sidebar{margin-top:24px}#native-editor .panel{background:#171918}#native-editor .slots{grid-template-columns:repeat(5,minmax(0,1fr))}#native-editor .catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-tabs{display:flex;gap:8px;border-bottom:1px solid #494338;margin:20px 0;padding-bottom:12px}.settings-tabs button{border:1px solid #494338;background:#171716;color:#b6ada0;border-radius:8px;padding:12px 18px;cursor:pointer}.settings-tabs button[aria-selected=true]{color:#e9c488;background:#312b21;border-color:#b58e54}.step{text-decoration:none}.model-nav span[aria-disabled]{opacity:.4;font-size:11px;padding:6px}.page:not([hidden]){animation:m10v-page-in .18s ease-out}@keyframes m10v-page-in{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:800px){#native-editor .catalog{grid-template-columns:repeat(2,minmax(0,1fr))}#native-editor .slots{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.page:not([hidden]){animation:none}}

#native-editor .halo-controls{padding:18px 0;border-bottom:1px solid #3d4238}#native-editor .halo-sliders{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:14px}#native-editor .halo-sliders label{font-size:12px;color:#b4baa9}#native-editor .halo-sliders output{float:right;color:#dfba78}#native-editor .halo-sliders input{width:100%;margin:12px 0;accent-color:#dfba78}#native-editor .search select{width:auto;margin:0 8px 0 0;padding:9px;font-size:12px}.shared-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.shared-slots label{font-size:12px;color:#b8ad9c}.shared-slot-select{width:100%;margin-top:10px;padding:10px;border-radius:7px;background:#191c18;color:#eee7d7;border:1px solid #5a5144;font:inherit}@media(max-width:750px){.shared-slots{grid-template-columns:repeat(2,minmax(0,1fr))}#native-editor .halo-sliders{grid-template-columns:1fr}#native-editor .search select{width:100%;margin:0 0 10px}}
/* M10V cartridge family, shared with the embedded 40×40 camera sprites. */
#native-editor .film{min-height:194px;padding:18px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;background:linear-gradient(155deg,#242824,#191d1a)}
#native-editor .film small{align-self:flex-start;letter-spacing:1.2px;font-size:9px;color:#939d92}
#native-editor .film-icon{display:block;width:96px;height:96px;object-fit:contain;image-rendering:auto;flex-shrink:0;filter:drop-shadow(0 7px 7px #0004);transition:transform .18s ease}
#native-editor .film:hover .film-icon{transform:translateY(-3px) rotate(-3deg)}
#native-editor .film strong{margin-top:8px;font-size:13px;line-height:1.4}
#native-editor .film[aria-pressed=true]{border-color:#dfba78;background:linear-gradient(150deg,#3a3527,#24261f);box-shadow:inset 0 0 0 1px #dfba7833}
#native-editor .film .check{position:absolute;right:12px;top:12px;border-radius:50%;width:22px;height:22px;background:#dfba78;color:#21251d;display:grid;place-items:center;font-size:12px}
#native-editor .slot .film-icon{width:56px;height:56px;margin:0 auto 5px}
#native-editor .slot{min-height:166px}.shared-slots .film-icon{width:64px;height:64px;display:block;margin:8px auto;image-rendering:auto}
@media(max-width:760px){#native-editor .film{min-height:184px}#native-editor .film-icon{width:88px;height:88px}#native-editor .slot{min-height:156px}}
@media(prefers-reduced-motion:reduce){#native-editor .film-icon{transition:none}#native-editor .film:hover .film-icon{transform:none}}

/* Shared texture controls stay together across all films. */
#native-editor .texture>div{flex:1;min-width:0}
@media(max-width:480px){#native-editor .texture{flex-direction:column}}

/* Editing controls share the same readable scale as the main desk. */
#native-editor .eyebrow{font:500 13px/1.5 inherit;letter-spacing:0;margin-bottom:6px}#native-editor h2{font-size:18px;letter-spacing:0}#native-editor .hint{font-size:13px;line-height:1.7}#native-editor .slot{border-radius:6px;min-height:145px;padding:12px 8px}#native-editor .slot small,#native-editor .slot em{font-size:12px}#native-editor .slot strong{font-size:13px;overflow-wrap:anywhere}#native-editor .film{border-radius:6px;min-height:160px;padding:12px}#native-editor .film small{font-size:11px;letter-spacing:0}#native-editor .film-icon{width:76px;height:76px}#native-editor .segments button{min-height:44px;font-size:13px;padding:8px 12px}#native-editor .texture{gap:18px;flex-wrap:wrap}#native-editor .label,#native-editor .stamp-fields label{font-size:13px}#native-editor select,#native-editor input[type=search]{min-height:44px;font-size:14px}#native-editor .panel{padding:18px;border-radius:6px}#native-editor .section-head{align-items:center;margin-bottom:16px}#native-editor .search{display:flex;gap:10px;flex-wrap:wrap;min-width:0}#native-editor .search input{min-width:0;flex:1}#native-editor .catalog-head{flex-wrap:wrap}#active-slot-label,#film-selection-status{font-size:13px;color:#e4c18a;line-height:1.7}#native-editor .halo-controls{padding:18px;border:1px solid #3b3d35;border-radius:6px;margin-top:18px}#native-editor .halo-controls input[type=range]{min-height:36px}
@media(max-width:1050px){#native-editor .slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}#native-editor .slot .film-icon{width:44px;height:44px}#native-editor .catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:580px){#native-editor .slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#native-editor .slot{min-height:125px}#native-editor .slot:last-child{grid-column:1/-1;display:grid;grid-template-columns:44px 1fr;align-items:center;column-gap:12px}#native-editor .slot:last-child .film-icon{grid-row:1/4}#native-editor .slot small{margin-bottom:4px}#native-editor .catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#native-editor .film{min-height:150px;padding:10px}#native-editor .film-icon{width:66px;height:66px}#native-editor .search{width:100%}#native-editor .section-head{align-items:flex-start;flex-direction:column}#native-editor .stamp-fields{grid-template-columns:1fr}}

/* Slot selection stays above adjacent catalog and current-slot controls. */
#native-editor .workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}#native-editor .workspace>.section-head,#native-editor .workspace>.slots{grid-column:1/-1}#native-editor .workspace>.section-head{margin:0;flex-direction:row;align-items:center}#native-editor .workspace>.section-head .eyebrow{display:none}#native-editor .workspace>.section-head h2{font-size:16px}#native-editor .workspace>.section-head>span{font-size:12px}#native-editor .workspace>.slots{margin-bottom:0}#native-editor .slot{min-height:114px;padding:8px;text-align:center}#native-editor .slot .film-icon{width:42px;height:42px;margin:0 auto 4px}#native-editor .slot small{font-size:11px;margin-bottom:4px}#native-editor .slot em{font-size:11px;margin-top:4px}#native-editor .slot strong{font-size:12px}
#native-editor .film-browser-panel,#native-editor .film-parameters-panel{min-width:0;border-top:1px solid #393b33;padding-top:16px}#native-editor .film-browser-panel .section-head,#native-editor .film-parameters-panel>.section-head{margin:0 0 12px;gap:8px;align-items:start;flex-direction:column}#native-editor .film-browser-panel .eyebrow{display:none}#native-editor .film-browser-panel h2,#native-editor .film-parameters-panel h2{font-size:16px}#native-editor .film-browser-panel .search{width:100%;display:grid;grid-template-columns:1fr;gap:8px}#native-editor .film-browser-panel .search .film-picker,#native-editor .film-browser-panel .search input{width:100%}#native-editor .film-browser-panel>.hint{font-size:12px;margin:8px 0}#native-editor .film-browser-panel .catalog{max-height:360px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:3px 6px 6px 3px}#native-editor .film-browser-panel .film{min-height:120px;padding:8px}#native-editor .film-browser-panel .film-icon{width:54px;height:54px}#native-editor .film-browser-panel .film strong{font-size:12px;margin-top:4px}#native-editor .film-parameters-panel .texture{display:grid;grid-template-columns:1fr;gap:16px;padding:0 0 16px}#native-editor .film-parameters-panel .segments{width:max-content;max-width:100%}#native-editor .film-parameters-panel .segments button{padding:8px 10px}#native-editor .film-parameters-panel .halo-controls{padding:14px;margin-top:14px}#native-editor .film-parameters-panel .stamp-fields{gap:10px}#native-editor .film-parameters-panel .stamp-fields label:first-child{grid-column:auto}#native-editor .film-parameters-panel .hint{font-size:12px}
@media(min-width:1450px){#native-editor .film-browser-panel .catalog{grid-template-columns:repeat(3,minmax(0,1fr))}#native-editor .film-parameters-panel .texture{grid-template-columns:1fr 1fr}}
@media(max-width:700px){#native-editor .workspace{grid-template-columns:1fr;gap:14px}#native-editor .film-browser-panel,#native-editor .film-parameters-panel{grid-column:1}#native-editor .film-browser-panel .catalog{max-height:320px;grid-template-columns:repeat(3,minmax(0,1fr))}#native-editor .film-browser-panel .search{grid-template-columns:1fr 1fr}#native-editor .film-parameters-panel .texture{grid-template-columns:1fr 1fr}#native-editor .slots{grid-template-columns:repeat(3,minmax(0,1fr))}#native-editor .slot:last-child{grid-column:auto;display:block}#native-editor .slot{min-height:114px}#native-editor .workspace>.section-head{align-items:start;flex-direction:column;gap:3px}}
@media(max-width:400px){#native-editor .film-browser-panel .catalog{grid-template-columns:repeat(2,minmax(0,1fr))}#native-editor .film-browser-panel .search,#native-editor .film-parameters-panel .texture{grid-template-columns:1fr}}

#native-editor .slots{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(112px,auto));align-content:start}#native-editor .slot:last-child{grid-column:auto;display:block}#native-editor .film[data-selected=true]{border-color:var(--gold);background:#2c2a22}#native-editor .film>input[type=checkbox]{position:absolute;right:10px;top:10px;width:18px;height:18px;accent-color:var(--gold)}#native-editor .film{cursor:pointer}#native-editor .film-icon{image-rendering:auto}

#native-editor .slots{grid-template-rows:none;grid-auto-rows:minmax(152px,auto)}#native-editor .slot .film-icon{width:72px;height:72px;margin:0 auto 8px;display:block}#native-editor .slot{text-align:center}#native-editor .film{position:relative}
@media(max-width:700px){#native-editor .slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
