@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.panel{width:348px;flex-shrink:0;height:100%;overflow-y:auto;overflow-x:hidden;background:var(--bg-panel);border-left:1px solid var(--border);display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.panel::-webkit-scrollbar{width:4px}.panel::-webkit-scrollbar-track{background:transparent}.panel::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.panel-section{padding:22px 24px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.panel-section--zones{padding-bottom:18px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);display:block;margin-bottom:15px}.section-head .section-title{margin-bottom:0}.zone-em{font-style:normal;color:var(--text-secondary)}.text-btn{font-size:11px;font-weight:500;color:var(--text-secondary);background:none;border:none;padding:0;cursor:pointer;transition:color .12s;font-family:inherit}.text-btn:hover{color:var(--text-primary)}.zone-tabs{display:flex;gap:3px;background:#ffffff0a;border:1px solid var(--border);border-radius:100px;padding:3px}.zone-tab{position:relative;flex:1;padding:7px 6px;border-radius:100px;font-size:12px;font-weight:500;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:var(--transition);text-align:center;white-space:nowrap;font-family:inherit;line-height:1.2}.zone-tab:hover:not(.zone-tab--active){color:var(--text-secondary)}.zone-tab--active{background:#fff;color:#000;font-weight:600}.zone-dot{position:absolute;top:3px;right:5px;width:4px;height:4px;border-radius:50%;background:var(--success)}.zone-tab--active .zone-dot{background:#000;opacity:.5}.upload-drop{border:1px solid var(--border);border-radius:var(--radius-md);padding:30px 16px 26px;text-align:center;cursor:pointer;transition:var(--transition);background:transparent}.upload-drop:hover,.upload-drop.drop-active{border-color:var(--border-strong);background:#ffffff06}.upload-icon{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--text-secondary);transition:var(--transition)}.upload-drop:hover .upload-icon{border-color:#ffffff47;color:var(--text-primary)}.upload-heading{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:5px;line-height:1.3}.upload-sub{font-size:10.5px;color:var(--text-muted);letter-spacing:.04em}.preview-box{display:flex;gap:12px;align-items:center;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.preview-img-wrap{width:48px;height:48px;flex-shrink:0;border-radius:6px;background:#ffffff0d;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-img{width:100%;height:100%;object-fit:contain;padding:4px}.preview-info{display:flex;flex-direction:column;gap:3px}.preview-label{font-size:12.5px;font-weight:600;color:var(--text-primary)}.preview-hint{font-size:10.5px;color:var(--text-muted)}.sliders-stack{display:flex;flex-direction:column;gap:18px;margin-bottom:16px}.slider-row{display:flex;flex-direction:column;gap:8px}.slider-meta{display:flex;align-items:center;justify-content:space-between}.slider-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.slider-val{font-size:12px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:42px;text-align:right}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border-radius:3px;outline:none;cursor:pointer;background:linear-gradient(to right,rgba(255,255,255,.85) 0%,rgba(255,255,255,.85) var(--pct),rgba(255,255,255,.1) var(--pct),rgba(255,255,255,.1) 100%)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 5px #0000008c;cursor:grab;transition:transform .1s}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.2)}.slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 5px #0009;cursor:grab}.remove-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:8px;border-radius:var(--radius-xs);border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:11.5px;font-weight:500;transition:var(--transition);font-family:inherit}.remove-btn:hover{border-color:#ef44444d;background:#ef44440f;color:#f87171}.color-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.swatch{width:40px;height:40px;border-radius:50%;background:var(--c, #fff);border:1.5px solid transparent;cursor:pointer;transition:var(--transition);box-shadow:0 2px 6px #0006,inset 0 1px #ffffff1f;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.swatch:hover{transform:scale(1.1) translateY(-1px);box-shadow:0 4px 12px #00000080}.swatch--active{border-color:#ffffffb3;transform:scale(1.08) translateY(-1px);box-shadow:0 0 0 2px #ffffff40,0 4px 12px #00000080}.swatch--tool{background:var(--surface);border-color:var(--border-strong);color:var(--text-secondary);box-shadow:none}.swatch--tool:hover{background:var(--surface-hover);border-color:#ffffff4d;color:var(--text-primary);transform:scale(1.1) translateY(-1px)}.swatch--custom{background:var(--surface);border-color:var(--border-strong);color:var(--text-muted);box-shadow:none;cursor:pointer;overflow:hidden}.swatch--custom:hover{border-color:#ffffff4d;color:var(--text-primary);transform:scale(1.1) translateY(-1px)}.color-native{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.color-readout{display:flex;align-items:center;gap:8px}.color-chip{width:14px;height:14px;border-radius:3px;flex-shrink:0;border:1px solid var(--border-strong)}.color-hex{font-size:11px;font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.04em}.text-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;resize:none;outline:none;transition:border-color .14s;line-height:1.5;margin-bottom:14px;display:block}.text-input::placeholder{color:var(--text-muted)}.text-input:focus{border-color:var(--border-strong)}.text-meta{display:flex;flex-direction:column;gap:10px}.text-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.font-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-primary);font-family:inherit;font-size:12px;font-weight:500;padding:6px 28px 6px 10px;outline:none;cursor:pointer;min-width:148px;transition:border-color .14s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.35)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.font-select:focus{border-color:var(--border-strong)}.font-select option{background:#131316}.text-color-label{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative}.color-native-inline{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.text-placement-sliders{margin-top:16px}@media (max-width: 768px){.panel{width:100%;height:auto;flex:1;min-height:0;border-left:none;border-top:1px solid var(--border)}.panel-section{padding:16px 18px 14px}.zone-tab{padding:10px 4px;font-size:11.5px}.upload-drop{padding:20px 14px 16px}.slider::-webkit-slider-thumb{width:22px;height:22px}.slider::-moz-range-thumb{width:20px;height:20px}.sliders-stack{gap:20px}.swatch{width:44px;height:44px}}:root{--bg-void: #060609;--bg-panel: #0A0A0C;--bg-raised: #131316;--surface: #131316;--surface-hover: rgba(255,255,255,.055);--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.15);--text-primary: #FFFFFF;--text-secondary: rgba(255,255,255,.62);--text-muted: rgba(255,255,255,.34);--accent: #FFFFFF;--accent-bright: #FFFFFF;--accent-dim: rgba(255,255,255,.07);--success: #34d399;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--transition: all .14s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.layout{display:flex;flex-direction:column;width:100vw;height:100vh;background:var(--bg-void);color:var(--text-primary)}.header{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:62px;flex-shrink:0;background:#060609f0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);position:relative;z-index:100}.header-brand{display:flex;align-items:center}.brand-logo{display:none}.brand-text{display:contents}.brand-tagline{display:none}.brand-name{font-family:EB Garamond,Georgia,serif;font-size:26px;font-weight:500;letter-spacing:.01em;color:var(--text-primary);line-height:1;-webkit-user-select:none;user-select:none}.header-center,.view-badges{display:none}.header-actions{display:flex;gap:8px;align-items:center}.hdr-btn{display:flex;align-items:center;gap:7px;padding:8px 20px;border-radius:100px;font-size:13px;font-weight:500;border:1px solid var(--border-strong);background:transparent;color:var(--text-secondary);transition:var(--transition);white-space:nowrap;letter-spacing:.01em;line-height:1;font-family:inherit;cursor:pointer}.hdr-btn svg{flex-shrink:0}.hdr-btn:hover{background:var(--accent-dim);border-color:#ffffff47;color:var(--text-primary)}.hdr-btn--active{background:var(--accent-dim);border-color:#fff3;color:var(--text-primary)}.hdr-btn--primary{background:#fff;border-color:transparent;color:#000;font-weight:600}.hdr-btn--primary:hover{background:#ffffffe0}.main{display:flex;flex:1;overflow:hidden}.canvas-area{flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse 58% 52% at 44% 50%,#12121a,#060609 68%)}.canvas-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:5px 14px;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:100px;font-size:10.5px;color:var(--text-muted);pointer-events:none;white-space:nowrap;letter-spacing:.025em}.spotlight-beam{display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;mix-blend-mode:screen;z-index:1}.spotlight-beam__outer{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 134deg at 24% 0%,transparent 0deg,rgba(255,220,130,.14) 5deg,rgba(255,232,160,.42) 13deg,rgba(255,240,175,.58) 19deg,rgba(255,232,160,.42) 25deg,rgba(255,220,130,.14) 33deg,transparent 38deg)}.spotlight-beam__core{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 145deg at 24% 0%,transparent 0deg,rgba(255,245,210,.62) 4deg,rgba(255,252,235,.88) 8deg,rgba(255,245,210,.62) 12deg,transparent 16deg)}.spotlight-beam__flare{position:absolute;top:-52px;left:calc(24% - 55px);width:110px;height:110px;background-image:url(/studio-light.jpg);background-size:cover;background-position:center;border-radius:50%;transform:rotate(35deg);filter:drop-shadow(0 0 18px rgba(255,200,80,.85)) drop-shadow(0 0 6px rgba(255,240,180,.95));mix-blend-mode:normal}@media (max-width: 768px){.header{height:52px;padding:0 18px}.brand-name{font-size:21px}.hdr-btn{padding:6px 13px;font-size:12px;gap:5px}.main{flex-direction:column;overflow:hidden}.canvas-area{flex:none;height:44vh}.canvas-hint{font-size:9.5px;padding:4px 12px;bottom:10px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#06090f;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--accent: #FFFFFF;--accent-bright: #FFFFFF;--accent-glow: rgba(255,255,255,.12);--accent-dim: rgba(255,255,255,.07);--surface: rgba(255,255,255,.035);--surface-hover: rgba(255,255,255,.06);--surface-active: rgba(255,255,255,.09);--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.15);--text-primary: #FFFFFF;--text-secondary: rgba(255,255,255,.62);--text-muted: rgba(255,255,255,.34);--danger: #ef4444;--danger-dim: rgba(239,68,68,.1);--success: #34d399;--radius-xs: 6px;--radius-sm: 9px;--radius-md: 14px;--radius-lg: 20px;--ease: cubic-bezier(.4,0,.2,1);--transition: all .15s var(--ease)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}button{cursor:pointer;font-family:inherit}input{font-family:inherit}