:root{--ink:#273E34;--muted:#7A8177;--green:#365846;--green-dark:#244330;--paper:#F6F5EF;--card:#FFFDF8;--line:#E6E8DC;--soft:#EEF0E6;--accent:#A9BA88;--orange:#C39863;--font:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,label.upload-box{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #A9BA88;outline-offset:3px}a{color:var(--green)}h1,h2,h3,p{margin:0}.topbar{height:86px;background:#FFFEF9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:19px;font-weight:750;letter-spacing:-.5px}.brand small{display:block;font-size:8px;letter-spacing:2.2px;color:#75836D;margin-top:0}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--green);color:#DCE5BF;border-radius:11px;font-size:28px}.topmeta{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:12px}.dot{height:6px;width:6px;border-radius:50%;display:inline-block;background:#769566;margin-right:4px}.version{border:1px solid var(--line);border-radius:5px;padding:3px 7px;font-size:10px;letter-spacing:.8px}main{max-width:1510px;margin:auto;padding:28px 40px 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#87916E;font-weight:750}.intro h1{font-size:26px;letter-spacing:-1.1px;margin-top:5px;font-weight:720}.intro p{font-size:12px;color:var(--muted);padding-bottom:3px;line-height:1.8}.notice{border:1px solid #DEE3D0;background:#EBEFDF;padding:10px 14px;border-radius:8px;display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:11px;color:#64715A}.notice p{flex:1}.notice-icon{border:1px solid #8B9B73;border-radius:50%;width:17px;height:17px;text-align:center;font-family:serif;line-height:16px;flex:none}.notice .text-button{font-size:11px;white-space:nowrap}.workbench{display:grid;grid-template-columns:278px minmax(360px,1fr) 265px;gap:20px;align-items:start}.left-column,.right-column{display:flex;flex-direction:column;gap:16px}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}.section-label{display:flex;align-items:center;gap:9px;margin-bottom:16px}.section-label>span{font:700 9px monospace;color:#889776;background:#EDF0E3;border-radius:4px;padding:2px 5px}.section-label h2{font-size:14px;letter-spacing:-.3px}.character{display:flex;align-items:center;gap:9px;background:#F3F2EB;border-radius:8px;padding:10px;margin-bottom:12px}.character-emblem{height:33px;width:33px;border-radius:6px;background:#E5DEEC;color:#7C6489;display:grid;place-items:center;font:bold 17px Georgia}.character strong{font-size:12px}.character strong>span{font-size:10px;color:#92928B;font-weight:400}.character small{display:block;font-size:9px;color:#8D9184}.character>.tag{margin-left:auto;font-size:8px}.tag{font-size:10px;font-weight:600;padding:3px 7px;border:1px solid #DFE4D3;border-radius:5px;color:#7C8869}.upload-box{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;border:1px dashed #BAC5AA;border-radius:8px;background:#F7F8F0;padding:14px 8px;cursor:pointer;position:relative;transition:background .2s}.upload-box:hover{background:#EDF2E2}.upload-box strong{font-size:11px;max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-box small{font-size:9px;color:#89917E}.upload-box input{position:absolute;width:1px;height:1px;opacity:0}.upload-box:focus-within{outline:3px solid #A9BA88;outline-offset:3px}.upload-icon{font-size:20px;line-height:1;margin:1px 0 3px;color:#8EA177}.upload-box.compact{flex-direction:row;text-align:left;margin-top:8px;padding:10px;gap:10px;background:transparent;border-color:#DCDFD0}.compact small{display:block}.compact .upload-icon{font-size:20px}.field-hint{font-size:10px;color:#919388;line-height:1.7;margin-top:10px}.top-hint{margin-top:-4px;margin-bottom:13px}.text-button{border:0;background:none;padding:0;color:#56764D;font-size:11px;font-weight:600;text-underline-offset:3px}.text-button:hover{text-decoration:underline}.muted{color:#89917D}#reset-demo{font-size:10px;margin-top:8px}textarea{display:block;width:100%;border:1px solid #DBDED2;border-radius:7px;resize:vertical;min-height:75px;padding:11px 10px;background:#FFFEFB;font-size:11px;color:var(--ink);line-height:1.7}.preset-chips{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 12px}.chip{font-size:9px;color:#7D826F;padding:3px 7px;background:#F5F4ED;border:1px solid #E5E7DD;border-radius:5px}.chip:hover,.chip.active{background:#EAF0DB;border-color:#BCCBA3;color:#526844}.button{border:0;border-radius:7px;padding:10px 14px;font-size:11px;font-weight:650;min-height:37px;transition:background .2s}.button.primary{background:var(--green);color:#FFFEF2}.button.primary:hover:not(:disabled){background:var(--green-dark)}.button.secondary{background:#ECF0E1;border:1px solid #DCE4CB;color:#5A734A}.button.secondary:hover{background:#E2EAD2}.full{width:100%}.suggested-colors{display:flex;gap:5px;margin-top:14px}.suggested-colors button{height:28px;flex:1;border:0;border-radius:4px;position:relative}.suggested-colors button:hover:after{content:'↙';color:white;font-weight:bold}#copy-prompt{font-size:10px;margin-top:7px}.source-colors{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;max-height:130px;overflow:auto;padding:3px}.source-colors button{height:20px;border:1px solid #00000015;border-radius:4px;padding:0}.source-colors button.active{outline:2px solid var(--green);outline-offset:2px}.color-edit{display:flex;justify-content:space-between;gap:4px;align-items:center;margin:17px 0 14px}.tiny-label{font-size:9px;display:block;color:#8B907F;margin-bottom:6px}.picked{display:flex;align-items:center;gap:5px}.picked code{font-size:9px;color:#7B826F}.picked>span{width:21px;height:21px;border:1px solid #00000015;border-radius:4px}.picked input{width:25px;height:25px;padding:0;border:0;cursor:pointer;background:transparent}.arrow{color:#ADB4A0;margin-top:20px}.row-between{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.row-between small,.row-between .text-button{font-size:9px;color:#989C90}.canvas-panel{padding:22px;min-width:0}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.workspace-heading h2{font-size:18px;letter-spacing:-.6px;margin-top:2px}.workspace-heading .eyebrow{font-size:8px}.demo-tag{background:#FAF0DE;border-color:#EBDABD;color:#A1895C;font-size:9px}.imported-tag{background:#EBF1E3;border-color:#CFDEBC;color:#6F855A}.tabs{display:flex;gap:3px;background:#F0F1E9;padding:3px;border-radius:7px;width:max-content;margin-bottom:14px}.tabs button{font-size:11px;color:#8A907D;border:0;background:none;padding:5px 22px;border-radius:5px}.tabs button[aria-selected=true]{background:#FFFDF7;color:#527046;box-shadow:0 1px 3px #0000000a;font-weight:650}.preview-stage{background:#E4EADA;min-height:260px;border-radius:9px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.stage-lines{position:absolute;inset:0;background:linear-gradient(90deg,#BECAB33D 1px,transparent 1px),linear-gradient(#BECAB33D 1px,transparent 1px);background-size:24px 24px;opacity:.3}.frame-compare{position:relative;z-index:1;display:flex;justify-content:center;gap:44px;padding:8px 20px 35px}.preview-card{display:flex;flex-direction:column;align-items:center;gap:23px}.preview-card>span{font-size:9px;color:#89957C;letter-spacing:1px}.preview-card canvas{width:64px;height:128px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 7px 0 #50604512)}.preview-card.portrait canvas{width:128px;height:128px}.preview-card.edited>span{color:#4C6E3B;font-weight:700}.stage-floor{height:25px;position:absolute;bottom:38px;width:100%;background:#CFDABB;border-top:4px solid #C3D2AD}.stage-meta{position:absolute;z-index:2;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;font-size:8px;color:#8F9C7E;padding:11px 13px;background:#DCE4CF}.playback{display:flex;align-items:center;gap:10px;padding:16px 0 18px;border-bottom:1px solid var(--line)}.play-button{width:30px;height:30px;border:1px solid #D8DFCC;background:#EFF3E7;color:#678752;border-radius:50%;font-size:11px;flex:none}.direction-group{display:flex;gap:2px;flex:1}.direction-group button{border:0;padding:4px 9px;font-size:10px;background:transparent;color:#8C947F;border-radius:5px;white-space:nowrap}.direction-group button.active{background:#EAF0DE;color:#5C764B;font-weight:bold}.speed{font-size:9px;color:#989D8E;white-space:nowrap}.speed select{border:0;background:transparent;font-size:10px;color:#6F7E5F;margin-left:3px}.sheet-heading{display:flex;justify-content:space-between;align-items:center;margin:19px 0 13px}.sheet-heading h3{font-size:12px}.sheet-heading>div{display:flex;gap:16px;align-items:center}.check-label{display:flex;gap:4px;align-items:center;font-size:10px;color:#949A89}.check-label input{accent-color:#76925F;width:12px;height:12px}.sheet-heading .text-button{font-size:10px}.sheet-scroll{padding:15px;max-height:345px;overflow:auto;background-color:#F3F3EB;background-image:linear-gradient(45deg,#E6E9DE 25%,transparent 25%),linear-gradient(-45deg,#E6E9DE 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#E6E9DE 75%),linear-gradient(-45deg,transparent 75%,#E6E9DE 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border:1px solid #E8EADD;border-radius:7px;display:flex;justify-content:center;align-items:flex-start}.sheet-holder{position:relative;line-height:0;max-width:100%}#sheet{image-rendering:pixelated;display:block;cursor:crosshair;width:192px;height:384px;max-width:100%}.sheet-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,#62785844 1px,transparent 1px),linear-gradient(to bottom,#62785844 1px,transparent 1px);background-size:25% 25%;border-right:1px solid #62785844;border-bottom:1px solid #62785844}.sheet-info{display:flex;gap:12px;color:#969E88;font:9px monospace;padding:11px 0 15px}.frame-details{border-top:1px solid var(--line);padding-top:12px}.frame-details summary{font-size:11px;cursor:pointer;color:#718165}.frame-details summary>span{float:right;color:#9BA590;font:10px monospace}.frame-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:12px}.frame-grid button{border:1px solid #E0E5D6;background:#F1F3EA;border-radius:5px;padding:5px 0 2px;display:flex;align-items:center;flex-direction:column}.frame-grid button.selected{border-color:#638653;background:#E4ECD8}.frame-grid canvas{width:16px;height:32px;image-rendering:pixelated}.frame-grid.portrait-grid{grid-template-columns:repeat(4,1fr)}.frame-grid.portrait-grid canvas{width:48px;height:48px}.frame-grid button span{font:8px monospace;color:#98A089;margin-top:3px}.sample-note{font-size:10px;color:#9A9789;line-height:1.8;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.package-art{display:flex;gap:10px;align-items:center;background:#F1F2E7;border:1px solid #E5E8D8;border-radius:8px;padding:15px 10px;margin-bottom:20px}.pixel-box{width:36px;height:36px;background:#D9B988;color:#FFF7E5;box-shadow:inset -4px -4px #C29A68;display:grid;place-items:center;font-size:24px;transform:rotate(-6deg);border-radius:3px}.package-art strong{font-size:12px}.package-art small{font-size:9px;display:block;color:#93987F;margin-top:2px}.field-label{font-size:10px;color:#838B76;display:block;margin-bottom:5px}.text-input{display:block;width:100%;padding:8px 10px;font-size:11px;border:1px solid #DFE3D5;border-radius:6px;background:#FFFEFB;color:#687A5C;margin-bottom:12px}.validation{border-top:1px dashed #DFE4D3;border-bottom:1px dashed #DFE4D3;margin:18px 0 15px;padding:12px 0}.validation p{font-size:10px;display:flex;gap:7px;align-items:flex-start;margin:4px 0;color:#8F9784}.validation .ok{color:#6D895B}.validation .warn{color:#AD925E}.validation .bad{color:#B36555}.validation .val-icon{font-size:11px}.confirm-check{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:#879078;line-height:1.8;margin-bottom:15px}.confirm-check input{accent-color:#5C7C48;flex:none;margin:4px 0 0}.export{display:flex;align-items:center;justify-content:space-between;padding:12px 13px}.export-panel .field-hint{font-size:9px;text-align:center}.package-details{font-size:10px;color:#959D87;border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.package-details summary{cursor:pointer}.package-details ul{padding-left:18px;font:9px/2 monospace}.tip-card{background:#EBEEDE;border:1px solid #DFE5CE;border-radius:12px;padding:20px}.tip-card>span{font-size:9px;letter-spacing:1px;color:#92A178}.tip-card h3{font-size:17px;line-height:1.5;font-weight:600;letter-spacing:-.5px;margin:8px 0;color:#758761}.tip-card p{font-size:10px;color:#949D85;line-height:1.8}.tip-swatches{display:flex;margin-top:18px}.tip-swatches i{width:29px;height:29px;background:#354737;border-radius:4px;margin-right:-4px;border:2px solid #EBEEDE;transform:rotate(-8deg)}.tip-swatches i:nth-child(2){background:#657850;transform:rotate(3deg)}.tip-swatches i:nth-child(3){background:#9DAD77;transform:rotate(-3deg)}.tip-swatches i:nth-child(4){background:#CDDAA4;transform:rotate(8deg)}footer{display:flex;justify-content:space-between;font-size:8px;color:#A5AD99;letter-spacing:1px;padding:27px 0}footer>span{letter-spacing:0}.help-panel{background:#FFFEF8;border:1px solid var(--line);padding:20px;border-radius:10px;margin-bottom:20px}.help-panel h2{font-size:16px}.help-panel ol{font-size:12px;line-height:2;padding-left:20px}.help-panel p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 20px;background:#2F4739;color:#F7F9ED;border-radius:9px;font-size:12px;z-index:50;box-shadow:0 4px 18px #0002;white-space:normal}#toast.error{background:#854F42}[hidden]{display:none!important}@media(min-width:1440px){.workbench{grid-template-columns:290px minmax(400px,1fr) 275px;gap:24px}.preview-stage{min-height:285px}.frame-compare{gap:65px}}@media(max-width:1150px){main{padding:23px 24px 0}.topbar{padding:0 24px}.workbench{grid-template-columns:250px minmax(330px,1fr);gap:16px}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 250px}.export-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.export-panel .section-label,.export-panel .package-art,.export-panel .validation,.export-panel .confirm-check,.export-panel .export,.export-panel .field-hint,.export-panel .package-details{grid-column:1/-1}.export-panel .field-label{grid-column:1;margin-bottom:0;align-self:center}.export-panel .text-input{grid-column:2;margin-bottom:8px}.tip-card{height:max-content}.canvas-panel{padding:18px}.playback{gap:7px}.direction-group button{padding:4px 6px}}@media(max-width:720px){.topbar{height:73px;padding:0 18px}.brand{font-size:16px;gap:9px}.brand-mark{height:36px;width:36px;font-size:23px}.brand small{font-size:7px;letter-spacing:1.6px}.topmeta .privacy{display:none}.version{font-size:8px}main{padding:22px 16px 0}.intro{margin-bottom:18px}.intro h1{font-size:22px}.intro p{display:none}.notice{font-size:10px;padding:10px;gap:8px;align-items:flex-start;flex-wrap:wrap}.notice p{min-width:200px}.notice .text-button{margin-left:25px;font-size:10px}.notice-icon{margin-top:2px}.workbench{display:flex;flex-direction:column;gap:16px}.left-column{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.left-column .recolor-panel{grid-column:1/-1}.left-column>.panel{padding:15px}.left-column .section-label{gap:6px}.left-column .section-label h2{font-size:12px}.character{padding:8px;gap:6px}.character strong>span,.character>.tag{display:none}.character-emblem{height:28px;width:28px;font-size:14px;flex:none}.character strong{font-size:11px}.character small{font-size:8px}.upload-box strong{font-size:10px;max-width:130px}.upload-box small{font-size:8px}.upload-box.compact{padding:8px 5px;gap:5px}.compact .upload-icon{font-size:16px}.field-hint{font-size:9px}.source-colors{grid-template-columns:repeat(12,1fr);max-height:90px}.source-colors button{height:23px}.color-edit{justify-content:flex-start;gap:28px}.preset-chips{gap:4px}.chip{font-size:8px;padding:3px 5px}textarea{font-size:10px;padding:8px;min-height:97px}.button{font-size:10px;padding:9px}.suggested-colors{gap:3px}.suggested-colors button{height:22px}.canvas-panel{width:100%;padding:18px}.right-column{display:flex;width:100%;gap:14px}.export-panel{display:block;width:100%;padding:20px}.export-panel .field-label{margin-bottom:5px}.export-panel .text-input{margin-bottom:12px;min-height:38px}.tip-card{display:none}.workspace-heading h2{font-size:17px}.preview-stage{min-height:270px}.sheet-scroll{max-height:330px}.playback{gap:10px}.direction-group button{font-size:10px;padding:6px 8px}.play-button{width:33px;height:33px}.speed{font-size:9px}.speed select{font-size:10px;max-width:65px}.frame-grid{grid-template-columns:repeat(8,1fr)}footer{flex-direction:column;gap:4px;text-align:center;font-size:8px;padding:22px 0}.sample-note{font-size:10px}.section-label h2{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:380px){.left-column{display:flex;flex-direction:column}.source-colors{grid-template-columns:repeat(8,1fr)}.intro h1{font-size:20px}.direction-group button{padding:5px}.speed{font-size:8px}}
.connection-strip{display:flex;align-items:center;gap:20px;background:#FFFEF8;border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:20px}.connection-title{display:flex;align-items:center;gap:10px;min-width:210px}.connection-dot{height:9px;width:9px;background:#C4A56E;border:3px solid #F1E8D5;border-radius:50%;box-sizing:content-box}.connection-title strong{font-size:12px}.connection-title small{display:block;font-size:9px;color:#959D8A}.connection-strip>p{flex:1;font-size:11px;color:#949C88}.connection-strip .button{font-size:10px;min-height:31px;padding:6px 10px}.flow-steps{display:flex;align-items:center;gap:17px;padding:0 2px 20px;font-size:10px;color:#A4AB99}.flow-steps b{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#EBEEE1;font-size:9px;margin-right:5px}.flow-steps i{font-style:normal;color:#D5DBCA}.flow-steps .active{color:#5F784D}.flow-steps .active b{background:#DCE7CB;color:#587341}.character select{border:0;background:none;font-size:11px;font-weight:650;color:#6D5D75;padding:0;width:158px;max-width:100%}.generate-button{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px}.generate-button small{font-size:8px;letter-spacing:1px;font-weight:400;opacity:.6}.generation-queue{margin-top:12px;background:#F1F4E7;border-radius:6px;padding:9px}.generation-queue .row-between{margin-top:0}.generation-queue strong{font-size:9px;color:#7C8B69}.generation-queue .text-button{font-size:9px}.generation-queue p{font-size:9px;color:#93A080;margin-top:6px}.progress-track{height:4px;border-radius:3px;background:#DDE6CE;margin-top:9px;overflow:hidden}.progress-track>i{height:100%;width:0;display:block;background:#8BA96A;transition:width .3s}dialog{border:1px solid #DDE4D0;border-radius:15px;padding:28px;width:min(550px,calc(100% - 32px));color:var(--ink);background:#FFFDF7;box-shadow:0 24px 60px #213a3338}dialog::backdrop{background:#293E357A;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.dialog-heading h2{font-size:21px;letter-spacing:-.5px;margin-top:6px}.dialog-close{background:#F0F2E8;border:0;border-radius:50%;width:28px;height:28px;font-size:20px;color:#7A8A68;flex:none}.dialog-intro{font-size:12px;color:#909981;line-height:1.9;margin:12px 0 20px}.provider-options{display:flex;flex-direction:column;gap:9px}.provider-option{display:flex;gap:12px;border:1px solid #DCE2D1;border-radius:9px;padding:14px;background:#F9FAF2;cursor:pointer}.provider-option:has(input:checked){border-color:#8CA778;background:#EEF4E4}.provider-option input{accent-color:#5B7A49;margin-top:6px}.provider-option strong{font-size:13px}.provider-option strong span{font-size:8px;letter-spacing:1px;color:#A2AB95;font-weight:500;margin-left:8px}.provider-option p{font-size:11px;color:#7C8C6E;margin:4px 0}.provider-option small{font-size:9px;color:#A0A895}.provider-detail{background:#F3F2E9;padding:12px 14px;border-radius:7px;font-size:10px;color:#8A917F;line-height:1.9;margin:17px 0}.architecture{display:flex;justify-content:center;align-items:center;gap:10px;font-size:10px;color:#859877;padding:5px 0}.architecture span{border:1px solid #DDE6D0;padding:5px 10px;border-radius:5px}.architecture b{font-weight:400;color:#BCC6AF}.security-note{font-size:10px;color:#A29475;line-height:1.9;margin:16px 0}.source-colors{min-height:20px}footer a{text-decoration:none;color:#83936E}@media(max-width:720px){.connection-strip{gap:10px;padding:12px}.connection-title{min-width:0;flex:1}.connection-strip>p{display:none}.flow-steps{gap:7px;font-size:8px;justify-content:space-between}.flow-steps b{width:16px;height:16px;font-size:8px;margin-right:3px}.flow-steps i{display:none}.character select{width:110px;font-size:10px}.dialog-heading h2{font-size:18px}dialog{padding:22px}.architecture{gap:6px;font-size:9px}.architecture span{padding:5px 8px}}
#toast{transition:opacity .2s,transform .2s}#toast:not(.show){opacity:0;pointer-events:none;transform:translate(-50%,8px)}
.help-panel code{font-size:11px;background:#EEF2E4;border-radius:4px;padding:1px 4px}.help-panel a{color:var(--green);text-decoration:underline}
.export-panel #target-hint{margin:-8px 0 12px;text-align:left;font-family:monospace}
.ai-result{margin-top:10px;display:grid;gap:8px}.ai-result img{width:100%;max-height:220px;object-fit:contain;background:#1F241F;border-radius:6px;image-rendering:pixelated}.ai-actions{display:flex;flex-wrap:wrap;gap:4px 12px}.ai-actions [aria-pressed="true"]{text-decoration:underline;font-weight:700}
.connection-dot.ready{background:#6D9A55}.connection-dot.off{background:#B36555}
.generation-queue.error #queue-title{color:#B36555}
.anchor-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}.anchor-list:empty{display:none}.anchor-item{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#EEF0E6}.anchor-item img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.anchor-item button{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;border:0;background:#0009;color:#fff;font-size:11px;line-height:18px;padding:0;cursor:pointer}
.anchor-label{margin-top:10px}.anchor-label small{font-size:9px;color:#A3A99A;margin-left:4px}#anchor-text{width:100%}#generate-all{margin-top:6px}
.left-column>.panel{min-width:0}@media(max-width:640px){.left-column{display:flex;flex-direction:column}}
.key-row{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.key-row .text-input{margin:0;max-width:340px;min-height:31px;font-size:11px}.key-row .check-label{font-size:10px;white-space:nowrap}
@media(max-width:720px){.connection-strip{flex-wrap:wrap}.key-row{order:3;flex-basis:100%;flex-wrap:wrap}.key-row .text-input{max-width:none}}
.pick-head{margin-bottom:6px}.pick-head small{font-size:10px;color:#838B76}
.character-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:3px}
.character-list li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:11px;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:#FFFEF8}
.character-list li.current{outline:2px solid var(--green)}.character-list li.missing{opacity:.5}
.character-list input{accent-color:#5C7C48;margin:0}.character-list .name{border:0;background:none;padding:0;text-align:left;font:inherit;cursor:pointer;min-width:0}
.character-list .st{font-family:monospace;font-size:9px;color:#8F9784;white-space:nowrap}.character-list .st.ok{color:#5E8A4A}.character-list .st.run{color:#B08A3A}.character-list .st.bad{color:#B36555}
.hd-toggle{display:flex;align-items:baseline;gap:6px;font-size:11px;margin:4px 0 10px;flex-wrap:wrap}.hd-toggle small{font-size:9px;color:#A3A99A}
.fidelity{border:0;padding:0;margin:10px 0 0;display:grid;gap:4px}.fidelity legend{padding:0;margin-bottom:4px}.fidelity label{display:flex;gap:7px;align-items:flex-start;font-size:10px;color:#6F7764;line-height:1.5;cursor:pointer}.fidelity input{accent-color:#5C7C48;margin:2px 0 0}.fidelity b{color:#3D4B35;margin-right:4px}