.font-display{font-family:Inter,system-ui,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.h-screen{height:100vh}.flex-col{flex-direction:column}.min-h-0{min-height:0}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}#statusLine{transition:all .3s ease}#themeMenu{position:fixed!important;top:80px!important;right:20px!important;z-index:2147483647!important;background:#111827f2!important;border:1px solid rgba(115,115,115,.5)!important;border-radius:.5rem!important;padding:.5rem!important;box-shadow:0 25px 50px -12px #00000040!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;width:12rem!important}#themeMenu.absolute{position:fixed!important}.right-sidebar{position:absolute;right:0;top:0;bottom:0;z-index:40;width:320px;transform:translate(calc(100% - 6px));transition:transform .25s ease,opacity .25s ease,box-shadow .25s ease;opacity:.85;border-left:1px solid rgba(63,63,70,.7);box-shadow:none}.right-sidebar:before{content:"";position:absolute;left:-24px;top:0;bottom:0;width:24px}.right-sidebar:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:48px;background:#f973168c;border-radius:0 4px 4px 0;transition:opacity .2s ease}.right-sidebar:hover,.right-sidebar.visible{transform:translate(0);opacity:1;box-shadow:-8px 0 32px #00000073}.right-sidebar.visible:after{opacity:0}main{position:relative}#leftSidebar{transition:width .22s ease,min-width .22s ease}#leftSidebar.ml-collapsed{width:48px!important;min-width:48px!important;overflow:hidden}#leftSidebar.ml-collapsed .panel-content{display:none!important}#leftSidebar.ml-collapsed .panel-toggle{padding:10px 0;justify-content:center;width:48px}#leftSidebar.ml-collapsed .panel-toggle .sidebar-label,#leftSidebar.ml-collapsed .panel-toggle .panel-chevron{display:none}#leftSidebar.ml-collapsed .panel-toggle{position:relative}#leftSidebar.ml-collapsed .panel-toggle:hover:after{content:attr(data-label);position:absolute;left:52px;top:50%;transform:translateY(-50%);background:#18181bf2;color:#f4f4f5;font-size:11px;padding:4px 8px;border-radius:4px;white-space:nowrap;z-index:100;border:1px solid rgba(63,63,70,.7);pointer-events:none}.right-sidebar.rs-fullscreen{position:fixed!important;inset:0!important;width:100%!important;transform:none!important;z-index:200!important;opacity:1!important;box-shadow:none!important;border-left:none!important}#rsFullscreenBtn{position:fixed;bottom:16px;right:16px;z-index:201;width:36px;height:36px;border-radius:50%;background:#f97316d9;border:1px solid rgba(249,115,22,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .15s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #0006}#rsFullscreenBtn:hover{background:#ea580cf2;transform:scale(1.08)}#debugPanel{position:fixed;bottom:0;left:0;right:0;height:220px;z-index:300;background:#000000eb;border-top:1px solid rgba(249,115,22,.5);display:flex;flex-direction:column;font-family:monospace;font-size:11px}#debugPanel .debug-header{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:#f9731626;border-bottom:1px solid rgba(249,115,22,.3);color:#f97316;font-weight:700;flex-shrink:0}#debugPanel .debug-header .debug-tabs button{padding:2px 8px;border-radius:3px;font-size:10px;color:#a1a1aa;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .1s ease}#debugPanel .debug-header .debug-tabs button.active{background:#f9731633;border-color:#f9731666;color:#f97316}#debugPanel .debug-log{flex:1;overflow-y:auto;padding:4px 8px}#debugPanel .debug-entry{padding:2px 0;border-bottom:1px solid rgba(255,255,255,.04);line-height:1.4;display:flex;gap:8px}#debugPanel .debug-entry .de-time{color:#52525b;min-width:58px}#debugPanel .debug-entry.de-error .de-msg{color:#f87171}#debugPanel .debug-entry.de-warn .de-msg{color:#fbbf24}#debugPanel .debug-entry.de-info .de-msg{color:#a1a1aa}#debugPanel .debug-entry.de-net .de-msg{color:#60a5fa}#debugPanel .debug-entry.de-perf .de-msg{color:#34d399}#debugPanel .debug-entry .de-src{color:#71717a;font-size:10px;margin-left:auto;flex-shrink:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#debugPanel .debug-resize{position:absolute;top:-4px;left:0;right:0;height:8px;cursor:ns-resize}@media(max-width:768px){main.flex{flex-direction:column}#leftSidebar{width:100%!important;min-width:100%!important;height:52px!important;max-height:52px!important;min-height:52px!important;overflow:hidden;display:flex!important;flex-direction:row!important;align-items:center;flex-shrink:0;border-right:none;border-bottom:1px solid rgba(63,63,70,.6);overflow-x:auto;overflow-y:hidden}#leftSidebar.ml-expanded{height:60vh!important;max-height:60vh!important;display:block!important;overflow-y:auto;overflow-x:hidden}#leftSidebar>div:first-child{position:static!important;flex-shrink:0;border-bottom:none;padding:0 4px}#leftSidebar.ml-expanded>div:first-child{position:sticky!important;top:0;padding:8px 12px;border-bottom:1px solid rgba(63,63,70,.5)}#leftSidebar:not(.ml-expanded)>section{border-bottom:none!important;flex-shrink:0;display:block}#leftSidebar:not(.ml-expanded) .panel-toggle{width:44px!important;height:44px!important;display:flex!important;align-items:center;justify-content:center;padding:0!important}#leftSidebar:not(.ml-expanded) .sidebar-label,#leftSidebar:not(.ml-expanded) .panel-chevron,#leftSidebar:not(.ml-expanded) .panel-content{display:none!important}.canvas-main-section{flex:1;min-height:0}#rightSidebar{position:fixed!important;top:0;right:0;bottom:0;width:85vw!important;max-width:340px;height:100%!important;transform:translate(110%);transition:transform .25s ease;z-index:300;overflow-y:auto;border-left:1px solid rgba(63,63,70,.7);box-shadow:-4px 0 24px #00000080}#rightSidebar.rs-fullscreen{transform:translate(0)!important;width:100vw!important;max-width:100vw}#leftSidebar .panel-toggle:hover:after{display:none!important}}.ml-mini-wrap{background-color:#d4d4d4;background-image:linear-gradient(45deg,#a3a3a3 25%,transparent 25%),linear-gradient(-45deg,#a3a3a3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#a3a3a3 75%),linear-gradient(-45deg,transparent 75%,#a3a3a3 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;border-top:1px solid rgba(63,63,70,.5);border-bottom:1px solid rgba(63,63,70,.5)}.ml-mini-svg{display:block;width:100%;height:56px;background:transparent}.ml-chroma-swatch{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.ml-chroma-status{min-height:12px}.overflow-y-auto::-webkit-scrollbar{width:6px}.overflow-y-auto::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.overflow-y-auto::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.title-load{color:#ea580c}.dark .title-load{color:#fb923c}.title-ocr{color:#4f46e5}.dark .title-ocr{color:#a5b4fc}.title-export{color:#16a34a}.dark .title-export{color:#4ade80}.panel-chevron{transition:transform .25s ease}.panel-chevron.rotate-180{transform:rotate(180deg)}.panel-toggle:hover{background-color:#0000000d}.dark .panel-toggle:hover{background-color:#ffffff0d}.border-b{border-bottom-width:1px}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-track{background:#374151;height:4px;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f97316;height:16px;width:16px;border-radius:50%;margin-top:-6px}input[type=range]::-moz-range-track{background:#374151;height:4px;border-radius:2px}input[type=range]::-moz-range-thumb{background:#f97316;height:16px;width:16px;border-radius:50%;border:none}textarea{resize:vertical;min-height:2.5rem}.toolBtn{transition:all .2s ease}.toolBtn:hover{transform:translateY(-1px)}.toolBtn.active{background-color:#f97316;color:#fff}pre{font-family:JetBrains Mono,monospace;white-space:pre-wrap;word-break:break-all}.fixed{position:fixed}.inset-0{inset:0}.z-40{z-index:40}.z-50{z-index:50}.bg-black\/80{background-color:#000c}.bg-black\/60{background-color:#0009}.max-w-2xl{max-width:42rem}.max-h-\[90vh\]{max-height:90vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[60vh\]{max-height:60vh}.rounded-2xl{border-radius:1rem}.bg-zinc-900\/95{background-color:#111827f2}.border-zinc-700\/50{border-color:#73737380}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.shrink-0{flex-shrink:0}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-semibold{font-weight:600}.p-2:hover{background-color:#0000001a}.dark .p-2:hover{background-color:#ffffff1a}.space-y-4>*+*{margin-top:1rem}.space-y-3>*+*{margin-top:.75rem}.space-y-2>*+*{margin-top:.5rem}.space-y-1>*+*{margin-top:.25rem}.border-2{border-width:2px}.border-dashed{border-style:dashed}.rounded-xl{border-radius:.75rem}.p-8{padding:2rem}.text-center{text-align:center}.cursor-pointer{cursor:pointer}.grid{display:grid}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.rounded{border-radius:.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-\[10px\]{font-size:.625rem;line-height:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.bg-orange-500{background-color:#f97316}.hover\:bg-orange-600:hover{background-color:#ea580c}.bg-green-600{background-color:#16a34a}.hover\:bg-green-700:hover{background-color:#15803d}.bg-blue-600{background-color:#2563eb}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.border-t{border-top-width:1px}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.w-full{width:100%}.flex-wrap{flex-wrap:wrap}.mb-1{margin-bottom:.25rem}.opacity-80{opacity:.8}.opacity-70{opacity:.7}.opacity-50{opacity:.5}.h-48{height:12rem}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.bg-amber-950\/20{background-color:#78350f33}.border-amber-800{border-color:#92400e}.bg-emerald-950\/20{background-color:#064e3b33}.border-emerald-800{border-color:#065f46}.bg-slate-700{background-color:#334155}kbd{font-family:JetBrains Mono,monospace;font-size:.625rem;line-height:.75rem;padding:.25rem .5rem;border-radius:.25rem;border:1px solid;background-color:#1f2937;color:#f3f4f6}@media(max-width:768px){.md\:p-6{padding:1rem}.md\:grid-cols-\[1fr_auto\],.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.hidden{display:none!important}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-white{color:#fff}.text-zinc-300{color:#d4d4d8}.text-zinc-400{color:#a1a1aa}.text-zinc-500{color:#71717a}.text-zinc-600{color:#52525b}.bg-black{background-color:#000}.bg-zinc-900{background-color:#18181b}.bg-zinc-800{background-color:#27272a}.bg-zinc-700{background-color:#3f3f46}.bg-zinc-950{background-color:#09090b}.border-zinc-800{border-color:#27272a}.border-zinc-700{border-color:#3f3f46}.border-zinc-600{border-color:#52525b}.hover\:bg-zinc-800:hover{background-color:#27272a}.hover\:bg-zinc-700:hover{background-color:#3f3f46}.hover\:bg-zinc-600:hover{background-color:#52525b}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-sm{box-shadow:0 1px 2px #0000000d}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{box-shadow:0 0 0 2px #f9731680}.opacity-60{opacity:.6}.cursor-not-allowed{cursor:not-allowed}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}.fixed{position:static!important}}:root{--bg-main: radial-gradient(circle at 18% 20%, #fff3d3 0%, #f4f1ea 45%, #e8e2d4 100%);--bg-dark: radial-gradient(circle at 18% 20%, #24221d 0%, #151413 50%, #10100f 100%)}body{background:var(--bg-main);transition:background .3s ease}body.dark{background:var(--bg-dark);color:#f3f0ea}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.canvas-wrap{animation:stageIn .5s ease}.stagger{animation:rise .45s ease both}@keyframes stageIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.6}}.dragover{outline:3px dashed #f97316;outline-offset:4px}.panel-content{max-height:0!important;overflow:hidden!important;clip-path:inset(0)!important;transition:max-height .3s ease;padding:0!important;margin:0!important;visibility:hidden;opacity:0}.panel-content.open{max-height:2500px!important;padding:.75rem!important;visibility:visible;opacity:1}.title-details{color:#3730a3}.dark .title-details{color:#a5b4fc}.title-adjust{color:#0369a1}.dark .title-adjust{color:#7dd3fc}.title-steg{color:#0d9488}.dark .title-steg{color:#5eead4}.title-ascii{color:#d97706}.dark .title-ascii{color:#fbbf24}.title-anno{color:#7c3aed}.dark .title-anno{color:#c4b5fd}.title-social{color:#be185d}.dark .title-social{color:#fbcfe8}.title-anim{color:#059669}.dark .title-anim{color:#86efac}.title-pattern{color:#0891b2}.dark .title-pattern{color:#67e8f9}:root{--theme-accent: #f97316;--theme-sidebar: rgba(17, 24, 39, .95);--theme-border: #27272a;--theme-text: #ffffff;--theme-muted: #a1a1aa}body{background:var(--bg-dark);transition:background .3s ease}.wip-backdrop{background:#ffffffbf;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%)}.dark .wip-backdrop{background:#000000b3}.wip-content .wip-logo{color:#111827}.dark .wip-content .wip-logo{color:#f8fafc}.wip-title{color:#0f172a}.dark .wip-title{color:#f8fafc}.wip-msg{color:#374151}.dark .wip-msg{color:#e5e7eb}#wip-overlay{pointer-events:auto}:root{--day-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--day-sidebar: rgba(255, 255, 255, .95);--day-border: #e5e7eb;--day-text: #1f2937;--day-muted: #6b7280;--day-accent: #667eea;--night-bg: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%);--night-sidebar: rgba(17, 24, 39, .95);--night-border: #374151;--night-text: #f9fafb;--night-muted: #9ca3af;--night-accent: #f97316;--sunset-bg: linear-gradient(135deg, #ff6b6b 0%, #feca57 100%);--sunset-sidebar: rgba(217, 119, 6, .95);--sunset-border: #dc2626;--sunset-text: #fef3c7;--sunset-muted: #fde68a;--sunset-accent: #ff6b6b;--ocean-bg: linear-gradient(135deg, #0077be 0%, #004e7c 100%);--ocean-sidebar: rgba(3, 105, 161, .95);--ocean-border: #0369a1;--ocean-text: #e0f2fe;--ocean-muted: #7dd3fc;--ocean-accent: #00b4d8;--forest-bg: linear-gradient(135deg, #2d6a4f 0%, #1b5e3f 100%);--forest-sidebar: rgba(20, 83, 45, .95);--forest-border: #047857;--forest-text: #d1fae5;--forest-muted: #6ee7b7;--forest-accent: #10b981;--purple-bg: linear-gradient(135deg, #7209b7 0%, #560bad 100%);--purple-sidebar: rgba(109, 40, 217, .95);--purple-border: #7c3aed;--purple-text: #f3e8ff;--purple-muted: #c4b5fd;--purple-accent: #8b5cf6;--cyber-bg: linear-gradient(135deg, #ff006e 0%, #8338ec 100%);--cyber-sidebar: rgba(190, 18, 60, .95);--cyber-border: #db2777;--cyber-text: #fce7f3;--cyber-muted: #f9a8d4;--cyber-accent: #ec4899}.theme-day{background:var(--day-bg)}.theme-day .sidebar{background:var(--day-sidebar);border-color:var(--day-border)}.theme-day .text-primary{color:var(--day-text)}.theme-day .text-muted{color:var(--day-muted)}.theme-day .accent{background-color:var(--day-accent)}.theme-night{background:var(--night-bg)}.theme-night .sidebar{background:var(--night-sidebar);border-color:var(--night-border)}.theme-night .text-primary{color:var(--night-text)}.theme-night .text-muted{color:var(--night-muted)}.theme-night .accent{background-color:var(--night-accent)}.theme-sunset{background:var(--sunset-bg)}.theme-sunset .sidebar{background:var(--sunset-sidebar);border-color:var(--sunset-border)}.theme-sunset .text-primary{color:var(--sunset-text)}.theme-sunset .text-muted{color:var(--sunset-muted)}.theme-sunset .accent{background-color:var(--sunset-accent)}.theme-ocean{background:var(--ocean-bg)}.theme-ocean .sidebar{background:var(--ocean-sidebar);border-color:var(--ocean-border)}.theme-ocean .text-primary{color:var(--ocean-text)}.theme-ocean .text-muted{color:var(--ocean-muted)}.theme-ocean .accent{background-color:var(--ocean-accent)}.theme-forest{background:var(--forest-bg)}.theme-forest .sidebar{background:var(--forest-sidebar);border-color:var(--forest-border)}.theme-forest .text-primary{color:var(--forest-text)}.theme-forest .text-muted{color:var(--forest-muted)}.theme-forest .accent{background-color:var(--forest-accent)}.theme-purple{background:var(--purple-bg)}.theme-purple .sidebar{background:var(--purple-sidebar);border-color:var(--purple-border)}.theme-purple .text-primary{color:var(--purple-text)}.theme-purple .text-muted{color:var(--purple-muted)}.theme-purple .accent{background-color:var(--purple-accent)}.theme-cyber{background:var(--cyber-bg)}.theme-cyber .sidebar{background:var(--cyber-sidebar);border-color:var(--cyber-border)}.theme-cyber .text-primary{color:var(--cyber-text)}.theme-cyber .text-muted{color:var(--cyber-muted)}.theme-cyber .accent{background-color:var(--cyber-accent)}body{transition:background .3s ease}.sidebar{transition:background .3s ease,border-color .3s ease}.text-primary,.text-muted{transition:color .3s ease}.accent{transition:background-color .3s ease}.theme-day .panel-content{background:#fffc;border-color:#e5e7eb}.theme-day .panel-toggle:hover{background-color:#0000000d}.theme-day .bg-zinc-800{background-color:#f3f4f6!important}.theme-day .border-zinc-700{border-color:#d1d5db!important}.theme-day .text-white{color:#1f2937!important}.theme-sunset .bg-zinc-800{background-color:#d977064d!important}.theme-sunset .border-zinc-700{border-color:#d9770680!important}.theme-sunset .text-white{color:#fef3c7!important}.theme-ocean .bg-zinc-800{background-color:#0369a14d!important}.theme-ocean .border-zinc-700{border-color:#0369a180!important}.theme-ocean .text-white{color:#e0f2fe!important}.theme-forest .bg-zinc-800{background-color:#14532d4d!important}.theme-forest .border-zinc-700{border-color:#14532d80!important}.theme-forest .text-white{color:#d1fae5!important}.theme-purple .bg-zinc-800{background-color:#6d28d94d!important}.theme-purple .border-zinc-700{border-color:#6d28d980!important}.theme-purple .text-white{color:#f3e8ff!important}.theme-cyber .bg-zinc-800{background-color:#be123c4d!important}.theme-cyber .border-zinc-700{border-color:#be123c80!important}.theme-cyber .text-white{color:#fce7f3!important}@media(max-width:768px){.theme-day .sidebar{background:#fffffffa}.theme-sunset .sidebar,.theme-ocean .sidebar,.theme-forest .sidebar,.theme-purple .sidebar,.theme-cyber .sidebar{background:rgba(var(--theme-rgb),.98)}}@media(prefers-contrast:high){.theme-day .border-zinc-700{border-color:#000!important}.theme-day .text-muted{color:#000!important}.theme-night .border-zinc-700{border-color:#fff!important}.theme-night .text-muted{color:#fff!important}}@media(prefers-reduced-motion:reduce){body,.sidebar,.text-primary,.text-muted,.accent{transition:none!important}}