@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Instrument+Serif:ital@0;1&display=swap";:root{--bg: #1a1c19;--bg-panel: #222520;--bg-elevated: #2a2e28;--ink: #e8ebe3;--ink-muted: #9aa193;--line: #3a4036;--accent: #c4a35a;--accent-ink: #1a1c19;--ok: #7d9b6a;--danger: #c4735a;--radius: 10px;--font: "DM Sans", sans-serif;--display: "Instrument Serif", Georgia, serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font)}body{background:radial-gradient(ellipse 80% 50% at 20% -10%,#2f3528 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 100% 0%,#3a3220 0%,transparent 45%),var(--bg)}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;height:100%;gap:0}.side{display:contents}.side-toggle{display:none}.panel{background:color-mix(in srgb,var(--bg-panel) 92%,transparent);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.panel.folder-list{padding-bottom:4.75rem}.controls{border-right:none;border-left:1px solid var(--line);padding-bottom:1rem;overflow:auto}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .75rem;gap:.75rem}.folder-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.panel-header h2,.preview-toolbar h1{margin:0;font-family:var(--display);font-weight:400;letter-spacing:.01em}.panel-header h2{font-size:1.35rem}.preview-toolbar h1{font-size:1.75rem}.folder-path,.empty-hint,.hint,.preview-meta{color:var(--ink-muted);font-size:.82rem;line-height:1.4}.folder-path{margin:0 1rem .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-hint{margin:1rem}.file-list{list-style:none;margin:0;padding:0 .5rem 1rem;overflow:auto;flex:1}.file-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .65rem;margin-bottom:.25rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.file-item:hover{background:var(--bg-elevated)}.file-item.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated))}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.status{flex-shrink:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.status.todo{color:var(--ink-muted)}.status.done{color:var(--ok)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem 1rem;border-top:1px solid var(--line)}.nav-count{font-size:.8rem;color:var(--ink-muted)}.shortcut-hint{margin:0;padding:0 1rem .85rem;font-size:.72rem;color:var(--ink-muted);letter-spacing:.02em}.preview-stage{display:flex;flex-direction:column;min-width:0;min-height:0;padding:1rem 1.25rem 1.25rem}.preview-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.toolbar-right{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;justify-content:flex-end}.lang-select{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--ink-muted)}.lang-label{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.lang-select select{border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);border-radius:8px;padding:.35rem .5rem}.preview-meta{margin:.25rem 0 0}.preview-frame{position:relative;flex:1;min-height:0;display:grid;place-items:center;background:linear-gradient(45deg,#2a2e28 25%,transparent 25%),linear-gradient(-45deg,#2a2e28 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2e28 75%),linear-gradient(-45deg,transparent 75%,#2a2e28 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;background-color:#1f221d;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;touch-action:none}.preview-frame.has-image{cursor:grab;touch-action:none}.preview-frame.panning,.preview-frame.pinching{cursor:grabbing}.preview-transform{position:absolute;left:50%;top:50%;transform-origin:center center;will-change:transform}.preview-frame img{display:block;max-width:none;max-height:none;width:auto;height:auto;box-shadow:0 18px 40px #00000059;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.zoom-controls{position:absolute;left:.75rem;bottom:.75rem;z-index:3;display:flex;align-items:center;gap:.35rem;padding:.35rem .45rem;border-radius:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-panel) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 20px #00000040}.zoom-controls .zoom-label{min-width:3.4rem;font-variant-numeric:tabular-nums}.zoom-fit-btn{text-transform:none;letter-spacing:.01em;font-size:.75rem}.zoom-hint{margin-left:.25rem;font-size:.72rem;color:var(--ink-muted);white-space:nowrap}@media(max-width:1100px){.zoom-hint{display:none}}.floatingchat-container-wrap,.floatingchat-container-wrap-mobi{left:16px!important;right:auto!important;bottom:14px!important;z-index:40!important}.floating-chat-kofi-popup-iframe,.floating-chat-kofi-popup-iframe-mobi{left:16px!important;right:auto!important}.busy-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#12141073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:.95rem}.error{color:var(--danger);padding:1rem}.control-group{padding:.65rem 1rem}.control-group.row{display:flex;align-items:center;justify-content:space-between}.control-group label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin-bottom:.4rem}.control-group.row label{margin-bottom:0}.label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.label-row label{margin-bottom:0}.default-btn{flex-shrink:0;border:1px solid var(--line);background:transparent;color:var(--ink-muted);border-radius:6px;padding:.15rem .45rem;font-size:.7rem;letter-spacing:.02em;cursor:pointer}.default-btn:hover:not(:disabled){color:#f4ead0;border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.default-btn:disabled{opacity:.35;cursor:not-allowed}.control-group input[type=number],.control-group input[type=text]{width:100%;padding:.45rem .55rem;border-radius:8px;border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink)}.control-group input[type=range]{width:100%}.range-value{font-size:.8rem;color:var(--ink-muted);margin-top:.2rem}.color-row{display:grid;grid-template-columns:44px 1fr;gap:.5rem}.corner-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.corner-swatch{display:flex;flex-direction:column;gap:.3rem;padding:.45rem;border:1px solid var(--line);border-radius:8px;background:var(--bg-elevated)}.corner-swatch>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted)}.corner-swatch .color-row input[type=text]{font-size:.75rem;padding:.35rem .4rem}.size-row{display:grid;grid-template-columns:1fr auto 1fr;gap:.4rem;align-items:center}.size-row span{color:var(--ink-muted);text-align:center}.stepper{display:grid;grid-template-columns:36px 1fr 36px;gap:.35rem;align-items:center}.stepper input[type=number]{width:100%;padding:.45rem .4rem;border-radius:8px;border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);text-align:center}.stepper-btn{height:36px;border-radius:8px;border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);font-size:1.1rem;line-height:1;cursor:pointer;padding:0}.stepper-btn:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated))}.color-row input[type=color]{width:44px;height:36px;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem}.segmented:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.segmented button{padding:.45rem .25rem;border-radius:8px;border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);cursor:pointer;font-size:.78rem}.segmented button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,var(--bg-elevated));color:#f4ead0}.hint{margin:.4rem 0 0}.actions{display:flex;flex-direction:column;gap:.45rem;padding:.75rem 1rem 0;margin-top:auto}button.primary,button.secondary{border-radius:9px;border:1px solid transparent;padding:.6rem .8rem;cursor:pointer}button.primary{background:var(--accent);color:var(--accent-ink);font-weight:600}button.secondary{background:var(--bg-elevated);border-color:var(--line);color:var(--ink)}button.compact{padding:.35rem .6rem;font-size:.8rem}button:disabled{opacity:.45;cursor:not-allowed}.toggle{display:flex;align-items:center;gap:.45rem;font-size:.88rem;color:var(--ink-muted);-webkit-user-select:none;user-select:none}@media(max-width:1100px){.app-shell{grid-template-columns:minmax(150px,1fr) minmax(0,1.7fr) minmax(150px,1fr)}.app-shell.hide-folder{grid-template-columns:32px minmax(0,1fr) minmax(150px,1fr)}.app-shell.hide-controls{grid-template-columns:minmax(150px,1fr) minmax(0,1fr) 32px}.app-shell.hide-folder.hide-controls{grid-template-columns:32px minmax(0,1fr) 32px}.side{display:flex;min-width:0;min-height:0;height:100%}.side .panel{flex:1 1 auto;min-width:0}.side-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;align-self:stretch;margin:0;padding:0;border:none;background:var(--bg-elevated);color:var(--accent);cursor:pointer}.side-toggle:hover,.side-toggle:focus-visible{background:color-mix(in srgb,var(--accent) 18%,var(--bg-elevated));color:#f4ead0}.side-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.side-left .side-toggle{border-left:1px solid var(--line)}.side-right .side-toggle{border-right:1px solid var(--line)}.app-shell.hide-folder .side-left .panel,.app-shell.hide-controls .side-right .panel{display:none}}.feedback-fab{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:35;border:1px solid var(--line);border-radius:999px;padding:.55rem 1rem;background:color-mix(in srgb,var(--bg-panel) 92%,transparent);color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 28px #00000059;cursor:pointer;font-size:.82rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}.feedback-fab:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:#f4ead0}.feedback-dialog{border:1px solid var(--line);border-radius:14px;padding:0;background:var(--bg-panel);color:var(--ink);width:min(440px,calc(100vw - 2rem));box-shadow:0 24px 60px #00000073}.feedback-dialog::backdrop{background:#0a0c098c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.feedback-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem 1.1rem}.feedback-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.feedback-header h2{margin:0;font-family:var(--display);font-weight:400;font-size:1.45rem}.feedback-field{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted)}.feedback-field input,.feedback-field textarea{font:inherit;text-transform:none;letter-spacing:normal;color:var(--ink);background:var(--bg-elevated);border:1px solid var(--line);border-radius:8px;padding:.55rem .65rem;resize:vertical}.feedback-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.feedback-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.feedback-success{margin:0;color:var(--ok);font-size:.88rem}.import-dialog{border:1px solid var(--line);border-radius:14px;padding:0;background:var(--bg-panel);color:var(--ink);width:min(520px,calc(100vw - 2rem));max-height:min(90vh,760px);overflow:auto;box-shadow:0 24px 60px #00000073}.import-dialog::backdrop{background:#0a0c098c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.import-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem 1.1rem}.import-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.import-header h2{margin:0;font-family:var(--display);font-weight:400;font-size:1.45rem}.import-games{grid-template-columns:repeat(3,1fr)}.import-field{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted)}.import-field textarea{font:inherit;text-transform:none;letter-spacing:normal;color:var(--ink);background:var(--bg-elevated);border:1px solid var(--line);border-radius:8px;padding:.55rem .65rem;resize:vertical;min-height:12rem;line-height:1.4}.import-progress{margin:0;font-size:.85rem;color:var(--accent)}.import-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}