@font-face{font-family:"Nexus Orbitron";src:url("../../assets/fonts/google/Orbitron-wght.ttf") format("truetype");font-weight:400 900;font-style:normal}@font-face{font-family:"Nexus Exo 2";src:url("../../assets/fonts/google/Exo2-wght.ttf") format("truetype");font-weight:400 900;font-style:normal}@font-face{font-family:"Nexus Share Tech Mono";src:url("../../assets/fonts/google/ShareTechMono-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Nexus Rajdhani";src:url("../../assets/fonts/google/Rajdhani-Regular.ttf") format("truetype");font-weight:400;font-style:normal}:root{color-scheme:dark;--primary:#3fb8aa;--on-primary:#031816;--primary-container:#0f302c;--on-primary-container:#b7e7df;--secondary-container:#102522;--on-secondary-container:#c1ddd8;--surface:#050b0a;--surface-low:#081311;--surface-high:#0d1c19;--on-surface:#e2f5f1;--on-surface-muted:#91aca6;--outline:#4d857b;--outline-soft:#153d37;--error:#ffb4ab;--success:#a9ffcb;--accent:#a8c957;--accent-soft:rgba(168, 201, 87, 0.075);--panel-glow:rgba(63, 184, 170, 0.04);--grid-line:rgba(63, 184, 170, 0.035);--shadow:rgba(0, 0, 0, 0.44);--radius:8px;--font-ui:Inter,Roboto,"Segoe UI",Arial,sans-serif;--font-title:"Nexus Orbitron";--font-data:"Nexus Share Tech Mono"}[hidden]{display:none!important}.control-panel,.control-panel *,.editor-panel,.editor-panel *{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--on-surface);background:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),linear-gradient(135deg,var(--surface) 0,var(--surface-low) 58%,var(--surface-high) 100%);background-size:34px 34px,34px 34px,auto;font-family:var(--font-ui);line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.noscript-alert{margin:1rem;padding:.75rem 1rem;color:var(--error);background:color-mix(in srgb,var(--error) 10%,transparent);border:1px solid color-mix(in srgb,var(--error) 35%,transparent);border-radius:var(--radius)}.app-header{border-bottom:1px solid color-mix(in srgb,var(--primary) 26%,var(--outline-soft));background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 6%,transparent),transparent 34%),color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 12px 34px var(--shadow)}.eyebrow{margin:0 0 2px;color:var(--primary);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-family:var(--font-title),"Cascadia Mono","Segoe UI",var(--font-ui);font-size:clamp(1.55rem, 4vw, 2.35rem);font-weight:700;line-height:1.1;min-height:1.1em;text-transform:uppercase}h1 a,h1 a:hover{color:inherit;text-decoration:none}h2{margin-bottom:0;font-family:"Cascadia Mono","Segoe UI",var(--font-ui);font-size:1.2rem;text-transform:uppercase}.app-shell{width:min(1180px,calc(100% - 32px));margin:24px auto 78px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.actions>*,.control-panel>*,.editor-panel>*,.metadata>*,.method-settings>*,.panel-heading>*,.setting-area>*,.workspace>*{min-width:0}.control-panel,.editor-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-high) 24%,transparent),transparent 170px),color-mix(in srgb,var(--surface) 96%,#000 4%);border:1px solid color-mix(in srgb,var(--primary) 28%,var(--outline-soft));border-radius:var(--radius);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 5%,transparent),0 0 10px var(--panel-glow),0 10px 22px color-mix(in srgb,var(--shadow) 64%,transparent)}.editor-panel{min-width:0;min-height:calc(100vh - 180px);padding:16px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;overflow:visible}.control-panel{position:sticky;top:18px;padding:18px;display:grid;gap:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.remember-toggle{min-height:34px;padding:6px 9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#eeeaff;border:1px solid color-mix(in srgb,#8f7cff 46%,var(--outline-soft));border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,#8f7cff 28%,transparent),color-mix(in srgb,#3fb8aa 10%,transparent)),color-mix(in srgb,var(--surface-high) 86%,transparent);font:inherit;font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.remember-toggle.is-off{color:var(--on-surface-muted);border-color:color-mix(in srgb,var(--outline-soft) 76%,transparent);background:color-mix(in srgb,var(--surface-low) 82%,transparent)}.remember-toggle i{color:#a99cff;font-size:1.05rem;line-height:1}.remember-toggle.is-off i{color:var(--on-surface-muted)}.actions,.editor-panel__top,.metadata{display:flex;align-items:center;gap:12px}.editor-panel__top{justify-content:space-between}.editor-label,.field span{color:var(--on-surface-muted);font-size:.86rem;font-weight:800}.metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:min(100%,300px)}.metadata p{margin:0;padding:6px 10px;color:var(--on-primary-container);background:color-mix(in srgb,var(--primary-container) 78%,transparent);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:6px;font-family:var(--font-data),"Cascadia Mono",Consolas,monospace;font-size:.86rem;text-align:center}.metadata strong{color:var(--primary)}input,select,textarea{width:100%;color:var(--on-surface);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-high) 46%,transparent),transparent),var(--surface-low);border:1px solid color-mix(in srgb,var(--primary) 32%,var(--outline-soft));border-radius:var(--radius);outline:0;transition:border-color 150ms ease,box-shadow 150ms ease,background-color 150ms ease}input,select{min-height:44px;padding:0 12px}textarea{display:block;height:100%;max-width:100%;min-height:0;padding:18px;resize:vertical;font-family:"Cascadia Mono",Consolas,"Liberation Mono",monospace;font-size:.98rem;line-height:1.75;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 8%,transparent)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 11%,transparent),0 0 12px color-mix(in srgb,var(--primary) 8%,transparent)}.settings-panel{min-height:0;padding-top:2px;padding-bottom:0}.setting-group{display:grid;gap:12px}.settings-grid{display:grid;gap:12px}.empty-settings{margin:0;min-height:54px;padding:14px;color:var(--on-surface-muted);background:color-mix(in srgb,var(--surface-low) 76%,transparent);border:1px dashed color-mix(in srgb,var(--primary) 38%,var(--outline-soft));border-radius:var(--radius)}textarea.is-feedback-flashing{animation:text-area-success-flash 1.2s ease-in-out}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:color-mix(in srgb,var(--surface-low) 78%,#000 4%);border:1px solid color-mix(in srgb,var(--primary) 30%,var(--outline-soft));border-radius:var(--radius)}.segmented-control input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.segmented-control label{min-height:38px;padding:8px 10px;display:inline-flex;align-items:center;justify-content:center;color:var(--on-surface-muted);border-radius:6px;cursor:pointer;font-weight:700;text-align:center;transition:background-color 150ms ease,color 150ms ease}.segmented-control input:checked+label{color:var(--on-primary-container);background:var(--primary-container);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 12%,transparent)}.actions{display:grid;grid-template-columns:44px 44px minmax(150px,220px) 44px 44px 44px;justify-content:center;position:relative;z-index:1;align-self:end;margin-top:2px}.actions .text-share-button{width:44px;height:44px;flex-basis:44px}.button,.icon-button{min-height:44px;border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:800;position:relative;box-shadow:inset 0 -3px 0 color-mix(in srgb,#000 26%,transparent),0 6px 0 color-mix(in srgb,#000 22%,transparent),0 14px 24px var(--shadow);transform:translateY(0);transition:transform 140ms ease,filter 140ms ease,box-shadow 140ms ease}.button:hover,.icon-button:hover{border-color:color-mix(in srgb,var(--primary) 28%,transparent);filter:brightness(1.02);transform:none;box-shadow:inset 0 -3px 0 color-mix(in srgb,#000 24%,transparent),0 6px 0 color-mix(in srgb,#000 20%,transparent),0 14px 24px var(--shadow)}.button:active,.icon-button:active{transform:scaleY(.94);transform-origin:bottom;box-shadow:inset 0 -1px 0 color-mix(in srgb,#000 12%,transparent),0 1px 0 color-mix(in srgb,#000 12%,transparent),0 8px 16px var(--shadow)}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:0 2px 0 color-mix(in srgb,#000 10%,transparent)}.button--primary{min-width:180px;padding:0 18px;color:var(--on-primary);background:linear-gradient(180deg,color-mix(in srgb,#fff 18%,transparent),transparent 52%),var(--primary)}.button--ghost,.button--tonal,.icon-button{color:var(--on-secondary-container);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 14%,transparent),transparent),var(--secondary-container)}.icon-button--danger{color:#fff;border-color:#8f2e29;background:#a93a34;filter:none;box-shadow:inset 0 -3px 0 rgba(0,0,0,.26),0 6px 0 rgba(0,0,0,.22),0 14px 24px var(--shadow)}.icon-button--danger:active,.icon-button--danger:hover{color:#fff;border-color:#8f2e29;background:#a93a34;filter:none;box-shadow:inset 0 -3px 0 rgba(0,0,0,.24),0 6px 0 rgba(0,0,0,.2),0 14px 24px var(--shadow)}.icon-button--danger:active{transform:scaleY(.94);transform-origin:bottom;box-shadow:inset 0 -1px 0 rgba(0,0,0,.14),0 1px 0 rgba(0,0,0,.14),0 8px 16px var(--shadow)}.button--ghost,.button--tonal{padding:0 16px}.button--ghost{min-width:92px}.icon-button{width:44px;padding:0}.icon-button img{width:20px;height:20px;object-fit:contain}.icon-button svg{width:21px;height:21px;fill:currentColor}.icon-button .bi{width:20px;height:20px}.icon-button--no-glow{box-shadow:inset 0 -3px 0 color-mix(in srgb,#000 26%,transparent),0 6px 0 color-mix(in srgb,#000 22%,transparent),0 14px 24px var(--shadow)}.about{margin-top:18px;padding:18px;color:var(--on-surface-muted);background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 5%,transparent),transparent 30%),var(--surface);border:1px solid color-mix(in srgb,var(--primary) 24%,var(--outline-soft));border-radius:var(--radius);box-shadow:0 0 8px color-mix(in srgb,var(--primary) 4%,transparent),0 10px 22px color-mix(in srgb,var(--shadow) 48%,transparent)}.about h2{color:var(--on-surface)}.about p{max-width:920px;min-height:1.5em;margin-bottom:12px}.about section{margin-top:16px;padding-top:16px;border-top:1px solid var(--outline-soft)}.about h3{margin:0 0 8px;color:var(--primary)}.about strong{color:var(--primary)}.privacy-note{margin-top:18px;padding:14px 16px;color:var(--on-primary-container);background:linear-gradient(90deg,var(--accent-soft),transparent),var(--primary-container);border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);border-radius:var(--radius);font-weight:700}@media (max-width:900px){.workspace{grid-template-columns:1fr}.control-panel{position:static;order:-1}.editor-panel{min-height:auto;grid-template-rows:auto minmax(320px,52vh) auto}}@keyframes text-area-success-flash{0%{border-color:color-mix(in srgb,var(--primary) 32%,var(--outline-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 8%,transparent)}20%,48%{border-color:#ff4fd8;box-shadow:0 0 0 3px rgba(255,79,216,.22),0 0 32px rgba(255,176,0,.3),inset 0 0 0 1px rgba(255,79,216,.28)}72%{border-color:color-mix(in srgb,#ff4fd8 48%,var(--primary));box-shadow:0 0 0 2px rgba(255,79,216,.12),0 0 16px rgba(255,176,0,.16),inset 0 0 0 1px rgba(255,79,216,.14)}100%{border-color:color-mix(in srgb,var(--primary) 32%,var(--outline-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 8%,transparent)}}@media (max-width:620px){.app-shell{width:calc(100% - 20px)}.app-shell{margin-top:10px;margin-bottom:20px}.about,.control-panel,.editor-panel{padding:12px}.actions,.editor-panel__top,.metadata{align-items:stretch;flex-direction:column}.metadata{gap:8px}.button,.button--ghost,.button--primary,.metadata p{width:100%}.icon-button{width:100%}.actions{grid-template-columns:44px minmax(128px,1fr) 44px;column-gap:8px;row-gap:8px;align-self:auto;margin-top:0}.actions .icon-button{width:44px}.actions #modifyButton{width:100%;min-width:0}#clearButton{grid-column:1;grid-row:2}#undoButton{grid-column:1;grid-row:1}#modifyButton{grid-column:2;grid-row:1}#redoButton{grid-column:3;grid-row:1}#copyButton{grid-column:3;grid-row:2}.actions .text-share-button{grid-column:2;grid-row:2}}@media (min-width:320px) and (max-width:426px){.editor-panel{grid-template-rows:auto minmax(400px,62vh) auto}.actions #clearButton,.actions #copyButton,.actions .text-share-button{margin-top:6px}.actions .text-share-button{justify-self:center}}