.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}*{margin:0;padding:0;box-sizing:border-box}button{cursor:pointer;border:none;background:none;font-family:inherit}html,body,#app{height:100vh;overflow:hidden;background:#1a1a1a;color:#e8e4e0;font-family:Jost,system-ui,-apple-system,sans-serif}.app-layout{display:grid;grid-template-rows:auto 1fr;height:100vh;position:relative}.app-layout:before{content:"";position:fixed;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.app-layout>*{position:relative;z-index:1}.app-body{display:grid;grid-template-columns:260px 1fr;overflow:hidden}.g-empty{display:flex;align-items:center;justify-content:center;height:100vh;color:#555;font-size:16px;letter-spacing:1px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #2a2a2a;background:#1a1a1a}.topbar__brand{font-family:Cormorant,serif;font-weight:300;font-size:18px;letter-spacing:3px;color:#d4cdc5}.topbar__sub{font-family:Jost,system-ui,sans-serif;font-weight:300;font-size:12px;color:#666}.topbar__actions{display:flex;align-items:center;gap:4px}.topbar__btn{font-size:14px;color:#666;padding:4px 8px;border-radius:4px;transition:color .2s ease,background .2s ease;line-height:1;letter-spacing:.5px}.topbar__btn:hover{color:#aaa;background:#252525}.sidebar{display:flex;flex-direction:column;border-right:1px solid #2a2a2a;background:#1e1e1e;overflow:hidden}.sb-status{padding:10px 10px 8px;border-bottom:1px solid #2a2a2a;display:flex;flex-direction:column;gap:2px}.sb-status__title{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#555;padding:0 10px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-status__save{margin-top:4px;padding:7px 10px;border-radius:6px;border:1px solid #3a3a3a;color:#888;font-size:12px;letter-spacing:.5px;width:100%;text-align:center;transition:background .15s ease,border-color .15s ease,color .15s ease}.sb-status__save:hover{border-color:#555;color:#bbb}.sb-status__save--on{background:#3a4a3a;border-color:#4a5a4a;color:#d4aa40}.sb-status__save--new{border-color:#3a5a3a;color:#a0c8a0}.sb-status__save--new:hover{background:#2a3a2a;border-color:#4a6a4a;color:#c0e8c0}.sb-status__new{margin-top:2px;padding:7px 10px;border-radius:6px;border:1px dashed #3a3a3a;color:#777;font-size:12px;letter-spacing:.5px;width:100%;text-align:center;transition:background .15s ease,border-color .15s ease,color .15s ease}.sb-status__new:hover{border-color:#555;color:#bbb;background:#252525}.sb-status__title--editing{color:#a0c8c8}.sb-role{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-radius:6px;border-left:2px solid transparent;color:#666;font-size:12px;transition:background .15s ease,color .15s ease,border-color .15s ease}.sb-role:hover{color:#999;background:#252525}.sb-role--on{background:#222a2a;border-left-color:#a0c8c8;color:#d4cdc5}.sb-role__label{font-size:10px;letter-spacing:1px;text-transform:uppercase;opacity:.7}.sb-role__font{font-size:13px;color:inherit;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-fonts{flex:1;overflow-y:auto;padding:4px 0}.sb-font{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;width:100%;color:#777;font-size:13px;transition:background .12s ease,color .12s ease;text-align:left}.sb-font:hover{background:#252525;color:#bbb}.sb-font--on{background:#2a2a2a;color:#d4cdc5}.sb-font__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-font__cat{font-family:Jost,system-ui,sans-serif;font-size:9px;color:#555;text-transform:uppercase;letter-spacing:.5px;margin-left:8px;flex-shrink:0}.sb-schemes{border-top:1px solid #2a2a2a;flex-shrink:0}.sb-schemes__head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px}.sb-schemes__toggle{color:#999;font-size:12px;letter-spacing:.5px;display:flex;align-items:center;gap:6px;transition:color .15s ease}.sb-schemes__toggle:hover{color:#ccc}.sb-schemes__count{background:#d4aa40;color:#1a1a1a;font-size:10px;font-weight:500;padding:1px 6px;border-radius:10px}.sb-schemes__save{color:#888;font-size:11px;padding:4px 10px;border-radius:6px;border:1px solid #3a3a3a;transition:color .15s ease,border-color .15s ease,background .15s ease}.sb-schemes__save:hover{border-color:#555;color:#bbb}.sb-schemes__save--on{background:#3a4a3a;border-color:#4a5a4a;color:#d4aa40}.sb-schemes__list{padding:0 12px 10px;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sb-schemes__sub{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#555;padding:6px 0 2px}.sb-schemes__empty{color:#555;font-size:11px;padding:8px 0;text-align:center}.sb-scheme{display:flex;align-items:center;border-radius:6px;transition:background .12s ease}.sb-scheme:hover{background:#252525}.sb-scheme--on{background:#2a3a2a}.sb-scheme--editing{border-left:2px solid #a0c8c8}.sb-scheme--preset .sb-scheme__num{color:#d4aa40;font-size:11px}.sb-scheme__load{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:4px 8px;color:#999;font-size:12px;text-align:left;transition:color .12s ease}.sb-scheme__load:hover{color:#d4cdc5}.sb-scheme__num{font-size:10px;color:#555;width:16px}.sb-scheme__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-scheme__detail{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.sb-scheme__row{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-scheme__row b{display:inline-block;width:12px;font-size:9px;font-weight:500;color:#666;letter-spacing:.5px}.sb-scheme__rm{color:#555;font-size:14px;padding:4px 6px;border-radius:4px;flex-shrink:0;transition:color .12s ease}.sb-scheme__rm:hover{color:#c44}.sb-schemes__compare{margin-top:6px;background:#2a3a2a;border:1px solid #3a4a3a;color:#a0c8a0;padding:7px 14px;border-radius:6px;font-size:11px;letter-spacing:.5px;transition:background .15s ease,color .15s ease;width:100%}.sb-schemes__compare:hover{background:#3a4a3a;color:#c0e8c0}.stage{display:flex;flex-direction:column;align-items:center;overflow:hidden}.stage__main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%}.stage__mockup{transition:opacity .2s ease;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stage__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:transparent;border:1px solid #3a3a3a;color:#666;font-size:28px;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease;line-height:1;z-index:2}.stage__nav:hover{border-color:#666;color:#aaa}.stage__nav--prev{left:16px}.stage__nav--next{right:16px}.stage__info{font-size:13px;color:#666;letter-spacing:.5px;padding:4px 0}.stage__grid{flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-content:start;gap:10px;padding:16px;overflow-y:auto}.stage__grid-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px;border-radius:8px;border:1px solid #2a2a2a;width:164px;transition:border-color .15s ease,background .15s ease}.stage__grid-item:hover{border-color:#555;background:#222}.stage__grid-item--on{border-color:#a0c8c8;background:#222a2a}.stage__grid-mockup{width:150px;height:120px;position:relative;overflow:hidden;pointer-events:none}.stage__grid-mockup>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.32)}.stage__grid-label{font-size:10px;color:#888;letter-spacing:.3px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.stage__grid-item--on .stage__grid-label{color:#d4cdc5}.stage__grid-toggle{padding:6px 10px;border-radius:6px;border:1px solid #3a3a3a;color:#666;font-size:13px;letter-spacing:.3px;transition:border-color .15s ease,color .15s ease,background .15s ease}.stage__grid-toggle:hover{border-color:#555;color:#aaa}.stage__grid-toggle--on{border-color:#a0c8c8;color:#a0c8c8}.stage__bottom{display:flex;align-items:center;gap:20px;padding:12px 24px 16px}.stage__thumbs{display:flex;gap:10px}.stage__thumb{width:100px;height:100px;overflow:hidden;border-radius:8px;background:#222;border:1px solid #2e2e2e;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,transform .2s ease}.stage__thumb:hover{border-color:#555;transform:scale(1.05)}.stage__thumb--on,.stage__thumb--on:hover{border-color:#a0c8c8}.stage__thumb-inner{transform:scale(.26);transform-origin:center center;pointer-events:none}.stage__palette{display:flex;gap:6px}.stage__dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.stage__dot:hover{border-color:#888}.stage__dot--on{border-color:#d4cdc5;box-shadow:0 0 0 2px #1a1a1a}.scene-role{cursor:pointer;transition:opacity .2s}.scene-role:hover{outline:1px dashed currentColor;outline-offset:3px}.stage__mockup[data-role=display] .scene-role--subtitle,.stage__mockup[data-role=display] .scene-role--body,.stage__mockup[data-role=subtitle] .scene-role--display,.stage__mockup[data-role=subtitle] .scene-role--body,.stage__mockup[data-role=body] .scene-role--display,.stage__mockup[data-role=body] .scene-role--subtitle{opacity:.4}.scene-round{width:360px;height:360px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.scene-round__border{width:352px;height:352px;border-radius:50%;border:.5px solid rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:32px}.scene-round__brand{font-weight:600;font-size:26px;letter-spacing:2.5px}.scene-round__scent{font-weight:400;font-size:19px}.scene-round__notes{font-weight:300;font-size:13px;font-style:italic;opacity:.8}.scene-round__divider{width:16px;height:0;border-top:1px solid currentColor;opacity:.3;margin:4px 0}.scene-round__specs{font-family:system-ui,-apple-system,sans-serif;font-weight:300;font-size:7.5px;letter-spacing:.6px;line-height:1.5;opacity:.6;text-transform:uppercase}.scene-back{width:280px;height:380px;padding:24px 20px;display:flex;flex-direction:column;gap:12px}.scene-back__top{text-align:center;padding-bottom:10px;border-bottom:.5px solid rgba(0,0,0,.08)}.scene-back__brand{font-weight:600;font-size:17px;letter-spacing:1.5px}.scene-back__scent{font-weight:400;font-size:14px;margin-top:4px}.scene-back__scent-de{font-weight:300;font-size:11px;font-style:italic;opacity:.7;margin-top:2px}.scene-back__section{display:flex;flex-direction:column;gap:4px}.scene-back__warn-header{font-family:system-ui,-apple-system,sans-serif;font-weight:500;font-size:9.5px;letter-spacing:2px;text-transform:uppercase}.scene-back__warn-body{font-weight:400;font-size:9px;line-height:1.6;opacity:.85}.scene-back__ing-header{font-weight:300;font-size:8.5px;letter-spacing:1.5px;text-transform:uppercase;opacity:.7}.scene-back__ing-body{font-weight:300;font-size:8.5px;line-height:1.5;opacity:.75}.scene-back__footer{font-family:system-ui,-apple-system,sans-serif;font-weight:300;font-size:8px;opacity:.6;line-height:1.5;text-align:center;margin-top:auto;padding-top:8px;border-top:.5px solid rgba(0,0,0,.06)}.scene-card{width:320px;height:440px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:40px 32px}.scene-card__sub{font-family:system-ui,-apple-system,sans-serif;font-weight:300;font-size:8px;letter-spacing:3px;text-transform:uppercase;opacity:.5}.scene-card__brand{font-weight:600;font-size:34px;letter-spacing:2.5px}.scene-card__divider{width:32px;height:0;border-top:1px solid currentColor;opacity:.2}.scene-card__scent{font-weight:400;font-size:22px}.scene-card__notes{font-weight:300;font-size:14px;font-style:italic;opacity:.7}.scene-card__specs{font-family:system-ui,-apple-system,sans-serif;font-weight:300;font-size:12px;letter-spacing:1px;opacity:.5;text-transform:uppercase}.scene-box{width:380px;height:260px;border-radius:4px;border:1px solid rgba(128,128,128,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.scene-box__brand{font-weight:600;font-size:44px;letter-spacing:5px}.scene-box__tagline{font-weight:300;font-size:13px;letter-spacing:2px;opacity:.5}.cmp-overlay{position:fixed;inset:0;background:#1a1a1a;z-index:200;display:flex;flex-direction:column;animation:fadeIn .2s ease}.cmp-top{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #2a2a2a}.cmp-top h2{font-family:Jost,system-ui,sans-serif;font-weight:300;font-size:16px;letter-spacing:3px;color:#d4cdc5}.cmp-back{color:#888;font-size:13px;letter-spacing:.5px;padding:8px 16px;border-radius:8px;border:1px solid #3a3a3a;transition:color .2s ease,border-color .2s ease}.cmp-back:hover{color:#ccc;border-color:#666}.cmp-grid{flex:1;display:flex;align-items:center;justify-content:center;gap:32px;padding:24px;overflow-x:auto}.cmp-col{display:flex;flex-direction:column;align-items:center;gap:12px;animation:fadeIn .3s ease}.cmp-mockup{transition:transform .3s ease}.cmp-mockup:hover{transform:scale(1.03)}.cmp-name{font-size:14px;color:#d4cdc5;letter-spacing:.5px}.cmp-cat{font-size:10px;color:#666;letter-spacing:1px;text-transform:uppercase}.cmp-bottom{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 24px;border-top:1px solid #2a2a2a}.cmp-tabs{display:flex;gap:4px}.cmp-tab{background:none;border:1px solid transparent;color:#666;padding:8px 14px;border-radius:8px;font-family:Jost,system-ui,sans-serif;font-size:12px;letter-spacing:.5px;transition:all .2s ease}.cmp-tab:hover{color:#999}.cmp-tab--on{background:#2a2a2a;border-color:#3a3a3a;color:#d4cdc5}.cmp-palette{display:flex;gap:6px}.cmp-dot{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .2s ease}.cmp-dot:hover{border-color:#888}.cmp-dot--on{border-color:#d4cdc5}.menu-overlay{position:fixed;inset:0;background:#0000004d;z-index:90;animation:fadeIn .15s ease}.menu{position:fixed;top:50px;right:16px;width:360px;max-height:calc(100vh - 80px);background:#222;border:1px solid #333;border-radius:12px;z-index:91;display:flex;flex-direction:column;animation:slideDown .2s cubic-bezier(.16,1,.3,1);box-shadow:0 16px 48px #0006}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2a2a2a}.menu-head h3{font-weight:300;font-size:13px;letter-spacing:2px;color:#d4cdc5;text-transform:uppercase}.menu-close{font-size:18px;color:#666;padding:2px 6px;transition:color .2s ease}.menu-close:hover{color:#aaa}.menu-add{padding:16px 20px;border-bottom:1px solid #2a2a2a}.menu-add-row{display:flex;gap:8px}.menu-input{flex:1;background:#1a1a1a;border:1px solid #333;color:#ddd;padding:8px 12px;border-radius:8px;font-size:13px;font-family:inherit;outline:none;transition:border-color .2s ease}.menu-input:focus{border-color:#555}.menu-input::placeholder{color:#555}.menu-add-btn{background:#3a4a3a;border:1px solid #4a5a4a;color:#a0c8a0;padding:8px 16px;border-radius:8px;font-size:12px;transition:background .2s ease,color .2s ease}.menu-add-btn:hover{background:#4a5a4a;color:#c0e8c0}.menu-error{color:#c44;font-size:11px;margin-top:6px}.menu-hint{font-size:11px;color:#555;margin-top:8px;font-style:italic}.menu-list{flex:1;overflow-y:auto;max-height:400px;padding:8px 0}.menu-font{display:flex;align-items:center;gap:8px;padding:8px 20px;transition:background .15s ease}.menu-font:hover{background:#2a2a2a}.menu-font-name{font-size:13px;color:#ccc;flex:1}.menu-font-cat{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:.5px}.menu-font-rm{font-size:14px;color:#555;padding:2px 6px;border-radius:4px;opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease}.menu-font:hover .menu-font-rm{opacity:1}.menu-font-rm:hover{color:#c44;background:#c83c3c1a}.menu-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #2a2a2a}.menu-reset{color:#888;font-size:12px;letter-spacing:.5px;padding:6px 12px;border-radius:6px;border:1px solid #3a3a3a;transition:color .2s ease,border-color .2s ease}.menu-reset:hover{color:#ccc;border-color:#666}.menu-total{font-size:11px;color:#555;font-weight:300}@media(max-width:768px){.menu{right:8px;left:8px;width:auto}}.sb-focus{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #3a3a3a;color:#666;font-size:14px;transition:border-color .2s ease,color .2s ease,background .2s ease;flex-shrink:0;margin-left:auto}.sb-focus:hover{border-color:#555;color:#aaa}.sb-focus--on{border-color:#a0c8c8;color:#a0c8c8;background:#a0c8c814}.zoom-overlay{position:fixed;inset:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:zoom-in .2s ease}@keyframes zoom-in{0%{opacity:0}to{opacity:1}}.zoom-overlay__card{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:90vw;max-height:90vh}.zoom-overlay__mockup{transform:scale(1)}.zoom-overlay__info{font-size:14px;color:#aaa;letter-spacing:.5px}.zoom-overlay__nav{display:flex;gap:16px}.zoom-overlay__nav button{width:40px;height:40px;border-radius:50%;border:1px solid #444;color:#aaa;font-size:20px;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease}.zoom-overlay__nav button:hover{border-color:#888;color:#ddd}.stage__actions{display:flex;gap:6px;align-items:center}.stage__actions>*{min-width:38px;min-height:34px;box-sizing:border-box}.stage__action{padding:6px 10px;border-radius:6px;border:1px solid #3a3a3a;color:#666;font-size:13px;letter-spacing:.3px;transition:border-color .15s ease,color .15s ease,background .15s ease}.stage__action:hover{border-color:#555;color:#aaa;background:#252525}.stage__export-wrap{position:relative}.stage__export-backdrop{position:fixed;inset:0;z-index:90}.stage__export-menu{position:absolute;bottom:calc(100% + 6px);right:0;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:2px;z-index:91;min-width:180px;box-shadow:0 4px 16px #0006}.stage__export-menu button{padding:8px 12px;border-radius:6px;color:#bbb;font-size:12px;text-align:left;white-space:nowrap;transition:background .15s ease,color .15s ease}.stage__export-menu button:hover{background:#353535;color:#e8e4e0}.driver-popover{background:#2a2a2a!important;color:#e8e4e0!important;border:1px solid #3a3a3a!important}.driver-popover-title{color:#e8e4e0!important;font-family:Jost,system-ui,sans-serif!important}.driver-popover-description{color:#ddd!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important}.driver-popover-next-btn{background:#a0c8c8!important;color:#1a1a1a!important;border:none!important;box-shadow:none!important;text-shadow:none!important}.driver-popover-prev-btn{background:#333!important;color:#e8e4e0!important;border:1px solid #444!important;box-shadow:none!important;text-shadow:none!important}.driver-popover-footer button{-webkit-font-smoothing:antialiased}.driver-popover-close-btn{color:#888!important}.driver-popover-progress-text{color:#666!important}.driver-popover-arrow-side-left{border-right-color:#2a2a2a!important}.driver-popover-arrow-side-right{border-left-color:#2a2a2a!important}.driver-popover-arrow-side-top{border-bottom-color:#2a2a2a!important}.driver-popover-arrow-side-bottom{border-top-color:#2a2a2a!important}.editor{position:relative;-webkit-user-select:none;user-select:none}.editor__element{cursor:pointer;transition:outline .15s ease;outline:2px solid transparent;outline-offset:4px;border-radius:2px}.editor__element:hover{outline-color:#a0c8c866}.editor__element--selected{outline-color:#a0c8c8;outline-style:solid}.editor__subtitle-group{display:flex;flex-direction:column;align-items:center}.editor__toolbar{position:absolute;z-index:50;display:flex;align-items:center;gap:6px;padding:6px 10px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;box-shadow:0 4px 16px #0006;white-space:nowrap;pointer-events:auto}.editor__toolbar-group{display:flex;align-items:center;gap:3px;padding:0 4px;border-right:1px solid #3a3a3a}.editor__toolbar-group:last-child{border-right:none}.editor__toolbar-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#999;font-size:13px;transition:background .12s ease,color .12s ease}.editor__toolbar-btn:hover{background:#3a3a3a;color:#ddd}.editor__toolbar-btn--on{background:#3a4a3a;color:#a0c8c8}.editor__toolbar-value{font-size:12px;color:#ccc;min-width:28px;text-align:center;font-variant-numeric:tabular-nums}.editor__toolbar-label{font-size:9px;color:#666;letter-spacing:.5px;text-transform:uppercase}.editor__toolbar-range{width:60px;height:4px;accent-color:#a0c8c8}.editor__toolbar-colors{gap:3px}.editor__toolbar-dot{width:16px;height:16px;border-radius:50%;border:1.5px solid #555;transition:border-color .12s ease,transform .12s ease}.editor__toolbar-dot:hover{transform:scale(1.2)}.editor__toolbar-dot--on{border-color:#fff;border-width:2px}.editor__toolbar-weights{gap:1px}.editor__toolbar-weights--disabled{opacity:.3;pointer-events:none}.editor__toolbar-wt{font-size:9px;padding:2px 5px;min-width:20px;letter-spacing:0}.editor__toolbar-reset{width:auto;padding:2px 8px;font-size:10px;letter-spacing:.5px;color:#888}.editor__toolbar-reset:hover{color:#c44}.pattern-controls{position:absolute;bottom:-56px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:6px 12px;box-shadow:0 4px 16px #0006;z-index:10;white-space:nowrap}.pattern-controls__upload{display:flex;align-items:center;gap:6px;background:none;border:1px dashed #555;border-radius:6px;padding:4px 10px;cursor:pointer;color:#999;transition:border-color .15s ease,color .15s ease}.pattern-controls__upload:hover{border-color:#888;color:#ccc}.pattern-controls__preview{width:24px;height:24px;object-fit:cover;border-radius:3px}.pattern-controls__icon{font-size:16px;opacity:.6}.pattern-controls__label{font-size:11px}.pattern-controls__sliders{display:flex;align-items:center;gap:10px}.pattern-controls__slider-label{display:flex;align-items:center;gap:4px;font-size:11px;color:#888}.pattern-controls__range{width:60px;height:3px;accent-color:#a0c8c8}.pattern-controls__clear{background:none;border:none;font-size:11px;color:#844;cursor:pointer;padding:2px 6px;transition:color .15s ease}.pattern-controls__clear:hover{color:#c66}.editor--exporting .pattern-controls{display:none}.stage__edit-btn{transition:border-color .15s ease,color .15s ease,background .15s ease}.stage__edit-btn--on{border-color:#a0c8c8;color:#a0c8c8;background:#a0c8c814}.stage__mockup--editing{position:relative}.stage__mockup--editing .scene-role{cursor:pointer;outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s}.stage__mockup--editing .scene-role:hover{outline-color:#a0c8c84d}.stage__mockup--editing[data-editing-role=display] .scene-role--display,.stage__mockup--editing[data-editing-role=subtitle] .scene-role--subtitle,.stage__mockup--editing[data-editing-role=body] .scene-role--body{outline-color:#a0c8c8;outline-style:solid}.editor--exporting [data-editor-ui]{outline:none!important}.editor--exporting .editor__toolbar,.editor--exporting .moveable-control-box{display:none!important}.moveable-line{background:#a0c8c8!important}.moveable-control{background:#a0c8c8!important;border-color:#1a1a1a!important}.moveable-dashed{border-color:#a0c8c880!important}@media(max-width:768px){.editor__toolbar{overflow-x:auto;max-width:calc(100vw - 32px);-webkit-overflow-scrolling:touch}.pattern-controls{flex-direction:column;align-items:flex-start}.pattern-controls__sliders{flex-wrap:wrap}}@media(max-width:768px){.app-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{flex-direction:column;border-right:none;border-bottom:1px solid #2a2a2a;overflow:visible}.sb-status{flex-direction:row;flex-wrap:wrap;gap:4px;padding:6px 10px;border-bottom:none;align-items:center}.sb-status__title{display:none}.sb-role{padding:6px 8px;flex:1;min-width:0;gap:3px;border-left:none;border-bottom:2px solid transparent;flex-direction:column;align-items:center}.sb-role--on{border-left-color:transparent;border-bottom-color:#a0c8c8}.sb-role__label{font-size:9px;letter-spacing:.8px}.sb-role__font{max-width:80px;font-size:11px;text-align:center}.sb-focus{width:32px;height:32px;font-size:16px}.sb-status__save{flex-basis:100%;font-size:11px;padding:6px 10px}.sb-status__new{flex-basis:100%;font-size:11px;padding:5px 10px}.sb-fonts{display:none}.sb-schemes{border-top:none}.sb-schemes__head{padding:4px 10px 6px}.stage__nav{width:36px;height:36px;font-size:22px}.stage__nav--prev{left:6px}.stage__nav--next{right:6px}.stage__bottom{gap:10px;padding:8px 12px 12px;flex-wrap:wrap;justify-content:center}.stage__thumbs{gap:4px}.stage__thumb{width:52px;height:52px}.stage__thumb-inner{transform:scale(.13)}.stage__palette{gap:4px}.stage__dot{width:18px;height:18px}.scene-round{width:250px;height:250px}.scene-round__border{width:242px;height:242px;padding:24px}.scene-round__brand{font-size:19px}.scene-round__scent{font-size:13px}.scene-round__notes{font-size:10px}.scene-card{width:230px;height:320px;padding:32px 24px}.scene-card__brand{font-size:24px}.scene-card__scent{font-size:16px}.scene-back{width:210px;height:290px;padding:20px 16px}.scene-box{width:270px;height:185px}.scene-box__brand{font-size:30px}.stage__grid{gap:6px;padding:10px}.stage__grid-item{width:140px}.stage__grid-mockup{width:130px;height:100px}.stage__grid-mockup>*{transform:translate(-50%,-50%) scale(.26)}.cmp-grid{flex-wrap:nowrap;overflow-x:auto;gap:20px;padding:16px}.cmp-col{flex:0 0 auto}.cmp-bottom{flex-wrap:wrap;gap:10px;padding:10px 16px}.topbar{padding:10px 14px}.topbar__brand{font-size:16px;letter-spacing:2px;min-width:0;overflow:hidden}.topbar__sub{display:none}.topbar__actions{flex-shrink:0;gap:2px}.topbar__btn{font-size:14px;padding:6px 10px;min-width:32px;text-align:center}}