.card-preview{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--panel);border:1px solid var(--stroke-light);transform-style:preserve-3d;transition:transform .3s cubic-bezier(.23,1,.32,1);box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff0d inset;transform:perspective(1200px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) scale(var(--scale-on-hover, 1))}.card-preview--interactive{cursor:pointer}.card-preview__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen;opacity:var(--glow-opacity, 0);transition:opacity .4s ease;background:radial-gradient(140px circle at var(--mx, 50%) var(--my, 50%),rgba(45,212,191,.35),rgba(14,116,144,.05) 55%,transparent 75%)}.card-preview__foil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen;opacity:var(--foil-opacity, .35);transition:opacity .3s ease}.card-preview__foil:before,.card-preview__foil:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.card-preview__foil:before{background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,var(--foil-strength, .35)) 0%,transparent var(--foil-size, 220px));opacity:.8}.card-preview__foil:after{background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,var(--foil-strength, .2)) 50%,transparent 70%);opacity:.5;mix-blend-mode:overlay}@media (prefers-reduced-motion: reduce){.card-preview{transition:none}.card-preview__foil{display:none}}@media (hover: none) and (pointer: coarse){.card-preview{transform:none}.card-preview:active{transform:scale(.98);transition:transform .1s ease}}.card-hand{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%}.card-hand__container{position:relative;display:flex;justify-content:center;align-items:flex-end;padding:80px 40px 40px;perspective:1500px;min-height:400px}.card-hand__card-wrapper{position:absolute;transform-origin:center bottom;transform:translate(var(--horizontal-offset, 0px)) translateY(var(--neighbor-lift, 0px)) rotate(var(--rotation, 0deg)) rotate(var(--neighbor-rotation, 0deg));transition:transform .45s cubic-bezier(.23,1,.32,1),z-index 0s;z-index:var(--z-index, 1);will-change:transform,z-index}.card-hand__card-wrapper--focused{z-index:20}.card-hand__card-wrapper--hovered{transform:translate(var(--horizontal-offset, 0px)) translateY(var(--lift, 0px)) rotate(var(--rotation, 0deg));z-index:100;transition:transform .4s cubic-bezier(.23,1,.32,1),z-index 0s}.card-hand__card-wrapper--neighbor{transform:translate(var(--horizontal-offset, 0px)) translateY(var(--neighbor-lift, 0px)) rotate(calc(var(--rotation, 0deg) + var(--neighbor-rotation, 0deg)));z-index:50}.card-hand__card-wrapper .card-preview{pointer-events:auto}.card-hand__card-wrapper:not(.card-hand__card-wrapper--hovered) .card-preview{filter:brightness(.9);transition:filter .3s ease}.card-hand__card-wrapper--focused .card-preview{filter:brightness(1)}.card-hand__card-wrapper--hovered .card-preview{filter:brightness(1);transition:filter .2s ease}:root{color-scheme:dark;--bg: #020406;--bg-accent: #080f18;--panel: rgba(8, 15, 24, .64);--panel-light: rgba(15, 25, 36, .72);--stroke: rgba(255, 255, 255, .06);--stroke-light: rgba(255, 255, 255, .1);--text: #f0f4f8;--text-muted: rgba(240, 244, 248, .7);--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .3);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--card-width: 320px;--card-height: 440px}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.04) 0%,transparent 40%),linear-gradient(180deg,var(--bg-accent) 0%,var(--bg) 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;line-height:1.6;overflow-x:hidden;overflow-y:auto}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.5rem}h3{font-size:1rem;font-weight:500}.small{font-size:.875rem;color:var(--text-muted);line-height:1.5}.mono{font-family:JetBrains Mono,Fira Code,monospace}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--stroke-light);background:#ffffff0a;color:var(--text);padding:10px 18px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .2s ease}.button:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.button:hover:before{opacity:1}.button:active{transform:translateY(0)}.button--primary{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f64d;box-shadow:0 0 20px #3b82f626}.button--primary:hover{background:linear-gradient(135deg,#3b82f64d,#3b82f626);border-color:#3b82f680;box-shadow:0 0 30px #3b82f640}.button--ghost{background:transparent;border-color:transparent}.button--ghost:hover{background:#ffffff0a;border-color:var(--stroke)}.button--icon{padding:8px;aspect-ratio:1}.button--sm{padding:6px 12px;font-size:.75rem}.appShell{min-height:100vh}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.home:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(59,130,246,.02) 1px,transparent 2px),repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(59,130,246,.02) 1px,transparent 2px);background-size:60px 60px;pointer-events:none;opacity:.5}.homeHero{width:100%;max-width:1200px;padding:40px 20px;position:relative;z-index:1}.home-donate{position:fixed;right:24px;bottom:24px;z-index:20;text-transform:uppercase;letter-spacing:.08em;gap:6px}.home-donate__icon{width:16px;height:16px}.cookie-banner{position:fixed;left:24px;bottom:24px;z-index:2000;max-width:420px}.cookie-banner__content{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0a0f1ae6;box-shadow:0 20px 40px #00000073}.cookie-banner__actions{display:flex;gap:10px;justify-content:flex-end}@media (max-width: 600px){.cookie-banner{left:16px;right:16px;bottom:16px;max-width:none}.cookie-banner__actions{flex-direction:column;align-items:stretch}}.homeHero__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem}.homeHero__header{display:flex;flex-direction:column;align-items:center;gap:1rem;transform:translateY(-15%)}.home-brand-logo{width:140px;height:auto;margin-top:-24px;filter:drop-shadow(0 10px 24px rgba(15,23,42,.45));animation:home-logo-glow 6s ease-in-out infinite}.home-brand{font-family:JetBrains Mono,Inter,system-ui,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:transparent;background-image:linear-gradient(90deg,#f8fafc,#e9d5ff,#a855f7);background-size:200% 100%;background-position:0% 50%;background-clip:text;-webkit-background-clip:text;text-shadow:0 0 12px rgba(248,250,252,.45),0 0 20px rgba(168,85,247,.35);display:inline-block;white-space:nowrap;animation:home-title-glow 6s ease-in-out infinite}.home-title{font-family:JetBrains Mono,Inter,system-ui,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:transparent;background-image:linear-gradient(90deg,#0f766e,#2dd4bf,#0b5f58);background-size:200% 100%;background-position:0% 50%;background-clip:text;-webkit-background-clip:text;text-shadow:0 0 12px rgba(15,118,110,.4),0 0 20px rgba(45,212,191,.35);display:inline-block;white-space:nowrap;animation:home-title-glow 6s ease-in-out infinite}.home-template-label{position:fixed;left:50%;bottom:58px;transform:translate(-50%,12px);opacity:0;pointer-events:none;font-family:JetBrains Mono,Inter,system-ui,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:transparent;background-image:linear-gradient(90deg,#f8fafc,#cbd5f5,#e2e8f0);background-size:200% 100%;background-position:0% 50%;background-clip:text;-webkit-background-clip:text;text-shadow:0 0 10px rgba(248,250,252,.35),0 0 16px rgba(148,163,184,.35);transition:opacity .25s ease,transform .25s ease;animation:home-template-glow 6s ease-in-out infinite}.home-template-label--visible{opacity:.78;transform:translate(-50%)}@keyframes home-template-glow{0%{background-position:0% 50%;text-shadow:0 0 10px rgba(248,250,252,.35),0 0 16px rgba(148,163,184,.35)}50%{background-position:100% 50%;text-shadow:0 0 8px rgba(226,232,240,.3),0 0 14px rgba(148,163,184,.3)}to{background-position:0% 50%;text-shadow:0 0 10px rgba(248,250,252,.35),0 0 16px rgba(148,163,184,.35)}}@keyframes home-title-glow{0%{background-position:0% 50%;text-shadow:0 0 12px rgba(15,118,110,.4),0 0 20px rgba(45,212,191,.35)}50%{background-position:100% 50%;text-shadow:0 0 10px rgba(11,95,88,.35),0 0 18px rgba(31,158,140,.3)}to{background-position:0% 50%;text-shadow:0 0 12px rgba(15,118,110,.4),0 0 20px rgba(45,212,191,.35)}}@keyframes home-logo-glow{0%{transform:translateY(0);filter:drop-shadow(0 10px 24px rgba(15,23,42,.45))}50%{transform:translateY(-4px);filter:drop-shadow(0 14px 30px rgba(168,85,247,.45))}to{transform:translateY(0);filter:drop-shadow(0 10px 24px rgba(15,23,42,.45))}}@media (prefers-reduced-motion: reduce){.home-title,.home-brand,.home-brand-logo{width:auto;border-right:none;animation:none}.home-template-label{animation:none;transition:none}}@media (max-width: 900px){.homeHero__inner{padding:40px 20px}}@media (max-width: 768px){.home{min-height:100vh;height:100vh;overflow:hidden}.homeHero{padding:20px 16px;height:100%;display:flex;align-items:center}.homeHero__inner{gap:2rem;width:100%;max-height:100%;overflow-y:auto;padding:20px 16px 80px}.home-donate{right:16px;bottom:16px}.homeHero__header{gap:.8rem}.home-brand-logo{width:120px;height:auto;margin-top:-16px}.home-card-wrapper{margin-top:-10px}.home-footer{gap:8px 12px;font-size:.75rem;bottom:16px}.home-brand{font-size:1.1rem;letter-spacing:.15em;white-space:normal;text-align:center}.home-title{font-size:.9rem;letter-spacing:.15em;white-space:normal;text-align:center;padding:0 10px}.home-template-label{font-size:.8rem;bottom:40px;padding:0 20px;text-align:center;width:100%}.home-card-wrapper{width:100%;max-width:100%;overflow:hidden}.card-hand{width:100%;max-width:100%}.card-hand__container{width:100%;max-width:100%;overflow:visible}}@media (max-width: 480px){.home{min-height:100vh;height:100vh}.homeHero{padding:16px 12px}.homeHero__inner{gap:1.5rem;padding:16px 12px 70px}.home-donate{right:12px;bottom:12px}.homeHero__header{gap:.7rem}.home-brand-logo{width:100px;height:auto;margin-top:-12px}.home-card-wrapper{margin-top:-8px}.home-footer{gap:8px 10px;font-size:.7rem;bottom:12px}.bottom-bar{bottom:12px}.bottom-bar__link,.bottom-bar__copy{font-size:.7rem}.home-brand{font-size:1rem;letter-spacing:.1em}.home-title{font-size:.8rem;letter-spacing:.1em}.home-template-label{font-size:.75rem;bottom:35px}.home-card-wrapper{width:100%;max-width:100%;overflow:hidden}.card-hand{width:100%;max-width:100%}.card-hand__container{width:100%;max-width:100%;overflow:visible}}@media (max-width: 360px){.homeHero{padding:12px 8px}.homeHero__inner{gap:1rem;padding:12px 8px 60px}.home-donate{right:8px;bottom:10px}.homeHero__header{gap:.6rem}.home-brand-logo{width:84px;height:auto;margin-top:-8px}.home-card-wrapper{margin-top:-6px}.home-footer{gap:6px 8px;font-size:.7rem;bottom:10px}.bottom-bar{bottom:10px}.bottom-bar__link,.bottom-bar__copy{font-size:.7rem}.home-brand{font-size:.9rem;letter-spacing:.08em}.home-title{font-size:.75rem;letter-spacing:.08em}.home-template-label{font-size:.7rem;bottom:30px}.home-card-wrapper{width:100%;max-width:100%;overflow:hidden}.card-hand{width:100%;max-width:100%}.card-hand__container{width:100%;max-width:100%;overflow:visible;max-height:42vh;min-height:260px}}.home-card-wrapper{cursor:pointer;margin-top:-12px}.home-footer{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8rem;z-index:10}.bottom-bar__link:hover,.home-footer__link:hover{color:#93c5fd;text-shadow:0 0 10px rgba(59,130,246,.4);transform:translateY(-1px)}.home-footer__copy{color:var(--text-muted);font-size:.75rem;opacity:.8}.home-card{display:block;text-decoration:none}.card3d-container{perspective:1200px;width:var(--card-width);height:var(--card-height);position:relative}.editorShell{height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 20px;border-bottom:1px solid var(--stroke);background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0}.brand{display:flex;align-items:center;gap:12px}.brand__link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--text-muted);font-size:1.25rem;font-weight:600;text-decoration:none;transition:all .2s ease}.brand__link:hover{background:#ffffff0a;color:var(--text)}.brand__title{font-size:1rem;font-weight:600;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand__sub{font-size:.75rem;color:var(--text-muted);margin-left:2px}.topbar__actions{display:flex;gap:8px;flex-wrap:wrap}.editorGrid{display:grid;grid-template-columns:280px 1fr 280px;gap:12px;padding:12px;flex:1;min-height:0}.editor-left{display:flex;flex-direction:column;gap:12px;min-height:0}.editor-left__main{flex:1;min-height:0;display:flex}.editor-left__main .panel{flex:1;min-height:0}@media (max-width: 1200px){.editorGrid{grid-template-columns:260px 1fr 260px}}@media (max-width: 1000px){.editorGrid{grid-template-columns:1fr;overflow-y:auto}}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:auto;max-height:100%;scrollbar-width:thin;scrollbar-color:var(--stroke-light) transparent}.panel::-webkit-scrollbar{width:4px}.panel::-webkit-scrollbar-track{background:transparent}.panel::-webkit-scrollbar-thumb{background:var(--stroke-light);border-radius:2px}.panel h3{font-size:.8rem;font-weight:600;color:var(--text);margin:0 0 10px;letter-spacing:.02em;text-transform:uppercase}.panel input,.panel textarea,.panel select{width:100%;border:1px solid var(--stroke);border-radius:8px;background:#0000004d;color:var(--text);padding:8px 12px;font-size:.875rem;transition:all .2s ease}.panel select{background:#0c141ea6;box-shadow:inset 0 0 0 1px #ffffff05}.panel select option{background:#0b121b;color:var(--text)}.panel input:focus,.panel textarea:focus,.panel select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.panel textarea{min-height:80px;resize:vertical}.panel label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:4px;font-weight:500}.sep{border:none;border-top:1px solid var(--stroke);margin:12px 0}.warn{margin-top:6px;color:var(--warning);font-size:.8rem}.stageWrap{position:relative;display:flex;justify-content:center;align-items:flex-start;padding:32px 16px;background:#0003;border-radius:12px;border:1px solid var(--stroke);overflow:auto}.panel-tabs{display:flex;gap:6px;margin-bottom:12px;background:#0003;padding:4px;border-radius:8px}.panel-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-muted);padding:8px 14px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease;flex:1}.panel-tab:hover{color:var(--text);background:#ffffff0a}.panel-tab--active{background:var(--panel-light);color:var(--text);box-shadow:0 1px 2px #0003}.panel-content{animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel input[type=range]{-webkit-appearance:none;background:transparent;cursor:pointer;padding:0}.panel input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--stroke-light);border-radius:2px}.panel input.range--hue::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ffea00 17%,#4ade80 33%,#22d3ee,#3b82f6 67%,#a855f7 83%,red)}.panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--accent);margin-top:-6px;box-shadow:0 2px 6px #3b82f666;transition:all .2s ease}.panel input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #3b82f699}.panel input[type=range]::-moz-range-track{width:100%;height:4px;background:var(--stroke-light);border-radius:2px}.panel input.range--hue::-moz-range-track{background:linear-gradient(90deg,red,#ffea00 17%,#4ade80 33%,#22d3ee,#3b82f6 67%,#a855f7 83%,red)}.panel input[type=range]::-moz-range-thumb{height:16px;width:16px;border-radius:50%;background:var(--accent);border:none;box-shadow:0 2px 6px #3b82f666}.panel input[type=color]{-webkit-appearance:none;height:36px;padding:2px;cursor:pointer}.panel input[type=color]::-webkit-color-swatch-wrapper{padding:0}.panel input[type=color]::-webkit-color-swatch{border-radius:6px;border:none}.layer-header{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.layer-header__row{display:flex;flex-direction:column;gap:4px}.layer-meta{display:flex;align-items:center;gap:12px}.layer-meta__item{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.layer-meta__toggle{padding:6px 10px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text);font-weight:500}.layer-meta__toggle input{margin:0}.layer-meta__toggle span{line-height:1;margin-left:6px}.layer-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.layer-actions--footer{margin-top:16px}.layer-controls{margin-top:8px}.layer-controls h4{font-size:.8rem;font-weight:600;color:var(--text);margin:0 0 10px;letter-spacing:.01em}.control-row{display:flex;align-items:center;gap:10px}.control-row input[type=range]{flex:1}.color-row input[type=color]{flex:1;max-width:60px}.color-value{font-size:.75rem;font-weight:500;color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace}.panel input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;width:auto}.export-notes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.export-notes-list li{padding:8px 10px;background:#ffffff05;border-radius:6px;font-size:.75rem;border-left:2px solid var(--accent);transition:all .2s ease}.export-notes-list li:hover{background:#ffffff0a;border-left-width:3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.collapsible{margin-bottom:8px}.collapsible__header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid transparent;transition:all .2s ease}.collapsible__header:hover{color:var(--text)}.collapsible__title{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.collapsible__icon{transition:transform .3s ease;font-size:.75rem;color:var(--text-muted)}.collapsible--collapsed .collapsible__icon{transform:rotate(-90deg)}.collapsible__content{overflow:hidden;transition:max-height .3s ease,opacity .3s ease;max-height:1000px;opacity:1}.collapsible--collapsed .collapsible__content{max-height:0;opacity:0}.bottom-bar{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:14px 34px;min-width:60vw;max-width:1200px;background:#0b121ce6;border:1px solid rgba(255,255,255,.08);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0006;z-index:120}.bottom-bar__left,.bottom-bar__right{display:flex;align-items:center;gap:12px}.bottom-bar__action{gap:8px;font-size:.75rem;padding:8px 14px;border-radius:999px;background:#3b82f614;border-color:#3b82f640;color:#bfdbfe}.bottom-bar__action:hover{background:#3b82f629;border-color:#3b82f673}.bottom-bar__icon{width:16px;height:16px}.bottom-bar__center{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;min-width:0}.bottom-bar__link,.home-footer__link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;padding:0;transition:color .2s ease,transform .2s ease,text-shadow .2s ease}.bottom-bar__copy{color:var(--text-muted);font-size:.75rem;white-space:nowrap}.bottom-bar .button{padding:10px 16px}@media (max-width: 768px){.bottom-bar{grid-template-columns:1fr;justify-items:center;text-align:center;bottom:16px}.bottom-bar__left,.bottom-bar__right{justify-content:center;flex-wrap:wrap}.topbar{flex-direction:column;align-items:flex-start}}.file-input-wrapper{position:relative;margin-bottom:6px}.file-input-wrapper input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-input-label{display:block;width:100%;padding:10px 12px;border:1px dashed var(--stroke);border-radius:8px;background:#ffffff05;color:var(--text-muted);cursor:pointer;text-align:center;transition:all .2s ease;font-size:.8rem}.file-input-label:hover{background:#ffffff0a;border-color:var(--accent);color:var(--text)}.img-info,.tip{margin-top:6px;padding:8px 10px;border-radius:6px;font-size:.75rem}.img-info{background:#3b82f614;border:1px solid rgba(59,130,246,.2)}.img-info__dims{color:var(--text);font-weight:500}.tip{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:#f59e0be6}.artwork-dims{margin-top:6px;text-align:center;font-size:.75rem;color:var(--text-muted)}.slider-wrapper{display:flex;align-items:center;gap:8px}.slider-value{font-size:.75rem;font-weight:600;color:var(--text);min-width:40px;text-align:right}.background-controls{display:flex;gap:6px;align-items:flex-end}.background-controls select{flex:1}.upload-btn{padding:8px 12px;border:1px solid var(--stroke);border-radius:8px;background:#ffffff0a;color:var(--text);font-size:.75rem;cursor:pointer;transition:all .2s ease}.upload-btn:hover{background:#ffffff14}.clear-btn{padding:8px 10px;font-size:.75rem}.export-info{margin-top:8px;padding:8px 10px;background:#ffffff05;border-radius:6px;font-size:.75rem;color:var(--text-muted);border:1px solid var(--stroke)}.action-buttons{display:flex;gap:8px}.action-buttons--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.info-dialog__body{display:flex;flex-direction:column;gap:12px}.info-dialog__body p{margin:0}.info-dialog__body ul{margin:0;padding-left:18px}.icon-editor{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:10px;border:1px solid var(--stroke);background:#0003;margin-bottom:12px}.icon-editor__toggle{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted)}.icon-slot{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:8px;border:1px solid var(--stroke);background:#0003}.icon-slot__header{display:flex;align-items:center;justify-content:space-between}.icon-slot__label{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.icon-preview{display:flex;align-items:center;justify-content:center;height:48px;border-radius:8px;border:1px dashed var(--stroke);background:#0003}.icon-preview svg,.icon-preview img{width:32px;height:32px}.icon-preview__empty{font-size:.7rem;color:var(--text-muted)}.stage-toggle{position:absolute;top:16px;right:16px;z-index:2}.stage-tilt{position:relative;transform-style:preserve-3d;transition:transform .2s ease;transform:perspective(1400px) rotateX(var(--stage-rx, 0deg)) rotateY(var(--stage-ry, 0deg)) scale(var(--stage-scale, 1));overflow:hidden}.stage-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--stage-glow-opacity, 0);transition:opacity .3s ease;background:radial-gradient(240px circle at var(--stage-mx, 50%) var(--stage-my, 50%),rgba(255,255,255,.55),rgba(96,165,250,.32) 45%,rgba(37,99,235,.22) 70%,transparent 86%);filter:blur(.6px)}@media (prefers-reduced-motion: reduce){.stage-tilt{transition:none;transform:none}.stage-glow{display:none}}.cost-input-wrapper{position:relative}.cost-input-wrapper input{font-size:1.5rem;font-weight:700;text-align:center;letter-spacing:.05em;padding:12px}.cost-input-wrapper input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.mobile-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:20px;overflow:hidden}.mobile-hero:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(59,130,246,.02) 1px,transparent 2px),repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(59,130,246,.02) 1px,transparent 2px);background-size:60px 60px;pointer-events:none;opacity:.5}.mobile-hero__container{position:relative;z-index:1;max-width:420px;width:100%;text-align:center}.mobile-hero__icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;margin-bottom:32px}.mobile-hero__icon-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);filter:blur(20px);opacity:.6;animation:mobile-icon-glow 3s ease-in-out infinite}.mobile-hero__icon-svg{width:72px;height:72px;color:var(--accent);filter:drop-shadow(0 4px 12px rgba(59,130,246,.4));position:relative;z-index:2}.mobile-hero__sparkle{position:absolute;width:20px;height:20px;color:var(--accent);filter:drop-shadow(0 2px 6px rgba(59,130,246,.5));animation:mobile-sparkle 2s ease-in-out infinite}.mobile-hero__sparkle--1{top:8px;right:8px;animation-delay:0s}.mobile-hero__sparkle--2{bottom:12px;left:12px;animation-delay:1s}@keyframes mobile-icon-glow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}@keyframes mobile-sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.7}}.mobile-hero__title{font-size:1.75rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.mobile-hero__description{font-size:1rem;line-height:1.6;color:var(--text-muted);margin-bottom:32px;padding:0 8px}.mobile-hero__actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px;margin:0 auto}.mobile-hero__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--stroke);color:var(--text);padding:14px 24px;border-radius:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.9375rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mobile-hero__button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .2s ease}.mobile-hero__button:hover{transform:translateY(-2px);border-color:var(--stroke-light)}.mobile-hero__button:hover:before{opacity:1}.mobile-hero__button:active{transform:translateY(0)}.mobile-hero__button--primary{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f64d;box-shadow:0 4px 20px #3b82f626}.mobile-hero__button--primary:hover{background:linear-gradient(135deg,#3b82f64d,#3b82f626);border-color:#3b82f680;box-shadow:0 6px 24px #3b82f640}.mobile-hero__button--ghost{background:transparent;border-color:transparent}.mobile-hero__button--ghost:hover{background:#ffffff0a;border-color:var(--stroke)}.mobile-hero__decoration{position:fixed;border-radius:50%;filter:blur(80px);opacity:.3;pointer-events:none}.mobile-hero__decoration--1{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);top:-100px;left:-100px;animation:mobile-decoration-float 8s ease-in-out infinite}.mobile-hero__decoration--2{width:250px;height:250px;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);bottom:-80px;right:-80px;animation:mobile-decoration-float 10s ease-in-out infinite reverse}@keyframes mobile-decoration-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,20px) scale(1.05)}}@media (max-width: 480px){.mobile-hero__icon-wrapper{width:100px;height:100px;margin-bottom:24px}.mobile-hero__icon-svg{width:60px;height:60px}.mobile-hero__sparkle{width:16px;height:16px}.mobile-hero__title{font-size:1.5rem}.mobile-hero__description{font-size:.9375rem}.mobile-hero__button{padding:12px 20px;font-size:.875rem}}@media (max-width: 768px){.mobile-hero{display:flex}}@media (min-width: 769px){.mobile-hero{display:none}}