*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(69,137,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(69,137,255,.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.75rem 1.25rem 4rem}.main{width:100%;max-width:1100px;display:flex;flex-direction:column;gap:1rem}.intro{margin-bottom:.25rem}.intro__label{font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--green);margin-bottom:8px}.intro__title{font-family:var(--font-display);font-size:clamp(2rem,7vw,3rem);font-weight:400;letter-spacing:-.01em;line-height:1.05;color:var(--ink);margin-bottom:.5rem}.intro__sub{font-family:var(--font-ui);font-style:italic;font-size:.875rem;color:var(--ink-mid)}.trust-row{display:flex;justify-content:center;gap:1.5rem;padding-top:.75rem;max-width:1100px;margin:0 auto;width:100%}.trust-item{display:flex;align-items:center;gap:.4rem;font-family:var(--font-ui);font-size:11px;color:var(--ink-dim);letter-spacing:.03em}.trust-dot{width:4px;height:4px;background:var(--green);border-radius:50%;flex-shrink:0}.sim-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:6px 6px 0 0;margin:0 auto;max-width:1100px;width:100%;flex-wrap:wrap}.sim-toolbar__left,.sim-toolbar__right{display:flex;align-items:center;gap:.5rem}.sim-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#fff9;cursor:pointer;transition:border-color .13s,color .13s}.sim-icon-btn:hover:not(:disabled){border-color:var(--cobalt);color:var(--cobalt)}.sim-icon-btn:disabled{opacity:.3;cursor:default}.sim-layers-toggle{display:none;align-items:center;gap:6px;padding:7px 12px;background:none;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:border-color .13s}.sim-layers-toggle:hover{border-color:var(--cobalt);color:var(--cobalt)}.sim-size-picker{position:relative}.sim-size-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff;font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.03em;cursor:pointer;white-space:nowrap;transition:border-color .13s}.sim-size-btn:hover{border-color:var(--cobalt)}.sim-size-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:100;min-width:280px;background:var(--surface-2);border:1px solid rgba(255,255,255,.12);border-radius:4px;box-shadow:0 8px 24px #00000080;padding:4px;display:flex;flex-direction:column}.sim-size-dropdown[hidden]{display:none}.sim-size-option{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:none;border:none;border-radius:3px;color:#ffffffb3;font-family:var(--font-ui);font-size:12px;cursor:pointer;text-align:left;transition:background .1s}.sim-size-option:hover{background:#ffffff0f;color:#fff}.sim-size-option.active{color:var(--cobalt)}.sim-size-dims{font-size:10px;color:#ffffff59;font-weight:400}.sim-custom-size{display:flex;align-items:center;gap:6px}.sim-custom-size[hidden]{display:none}.sim-custom-input{width:64px;padding:6px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff;font-family:var(--font-ui);font-size:12px;text-align:center;outline:none;-moz-appearance:textfield}.sim-custom-input::-webkit-inner-spin-button,.sim-custom-input::-webkit-outer-spin-button{-webkit-appearance:none}.sim-custom-input:focus{border-color:var(--cobalt)}.sim-custom-x{font-family:var(--font-ui);font-size:11px;color:#ffffff59}.sim-custom-apply{padding:6px 10px;background:var(--cobalt);color:#000;border:none;border-radius:4px;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:opacity .15s}.sim-custom-apply:hover{opacity:.85}.sim-size-dims-label{font-family:var(--font-ui);font-size:11px;color:#ffffff59;letter-spacing:.02em;white-space:nowrap}.sim-size-dims-label[hidden]{display:none}.sim-export-wrap{position:relative}.sim-export-btn{padding:7px 16px;background:var(--cobalt);color:#000;border:none;border-radius:4px;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:opacity .15s;white-space:nowrap}.sim-export-btn:hover{opacity:.85}.sim-export-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:100;min-width:180px;background:var(--surface-2);border:1px solid rgba(255,255,255,.12);border-radius:4px;box-shadow:0 8px 24px #00000080;padding:4px}.sim-export-option{display:block;width:100%;padding:8px 10px;background:none;border:none;border-radius:3px;color:#ffffffb3;font-family:var(--font-ui);font-size:12px;cursor:pointer;text-align:left;transition:background .1s}.sim-export-option:hover{background:#ffffff0f;color:#fff}.sim-export-option.active{color:var(--cobalt)}.sim-quality-row{display:flex;align-items:center;gap:8px;padding:8px 10px 4px;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}.sim-quality-label{font-family:var(--font-ui);font-size:10px;color:#ffffff80;white-space:nowrap}.sim-quality-slider{flex:1;height:4px;appearance:none;-webkit-appearance:none;background:#ffffff26;border-radius:2px;outline:none}.sim-quality-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--cobalt);border-radius:50%;cursor:pointer}.sim-quality-slider::-moz-range-thumb{width:14px;height:14px;background:var(--cobalt);border-radius:50%;border:none;cursor:pointer}#sim-quality-val{font-family:var(--font-ui);font-size:10px;color:#ffffff80;min-width:28px;text-align:right}.sim-editor{display:flex;max-width:1100px;margin:0 auto;width:100%;border:1px solid rgba(255,255,255,.08);border-top:none;border-radius:0 0 6px 6px;min-height:400px;position:relative}.sim-layers{width:200px;min-width:200px;background:var(--surface);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow:visible}.sim-layers__header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;border-bottom:1px solid rgba(255,255,255,.06)}.sim-layers__title{font-family:var(--font-ui);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--cobalt)}.sim-layers__count{font-family:var(--font-ui);font-size:9px;color:#ffffff4d}.sim-fx-accordion{border-bottom:1px solid rgba(255,255,255,.08)}.sim-fx-accordion__toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px;background:#ffffff05;border:none;color:#ffffffb3;font-family:var(--font-ui);font-size:11px;cursor:pointer;transition:background .15s}.sim-fx-accordion__toggle:hover{background:#ffffff0f}.sim-fx-accordion__icon{flex-shrink:0;width:14px;height:14px;color:#fff6}.sim-fx-accordion__label{flex:1;text-align:left}.sim-fx-accordion__dot{width:6px;height:6px;border-radius:50%;background:var(--cobalt);flex-shrink:0}.sim-fx-accordion__chevron{flex-shrink:0;transition:transform .2s;color:#ffffff4d;transform:rotate(-90deg)}.sim-fx-accordion__toggle.open .sim-fx-accordion__chevron{transform:rotate(0)}.sim-fx-accordion__body{padding:0 10px 10px}.sim-fx-accordion__content .sim-prop-group{margin-bottom:8px}.sim-fx-accordion__content .sim-prop-label{font-size:10px}.sim-fx-accordion__content .sim-filter-presets{gap:4px}.sim-fx-accordion__content .sim-filter-chip{font-size:9px;padding:3px 7px}.sim-layers__list{flex:1;overflow-y:auto;display:flex;flex-direction:column-reverse}.sim-layers__cap{padding:.5rem .75rem;font-family:var(--font-ui);font-size:10px;color:#ef5350;text-align:center}.sim-layer{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.04);cursor:grab;transition:background .1s;-webkit-user-select:none;user-select:none}.sim-layer:hover{background:#ffffff0a}.sim-layer.active{background:#4589ff1f;border-left:2px solid var(--cobalt);padding-left:6px}.sim-layer.dragging{opacity:.5;background:#4589ff0f}.sim-layer.drag-over{border-top:2px solid var(--cobalt)}.sim-layer__icon{flex-shrink:0;width:16px;height:16px;color:#fff6}.sim-layer__name{flex:1;min-width:0;font-family:var(--font-ui);font-size:11px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;border:none;outline:none;padding:0;cursor:inherit}.sim-layer__name:focus{cursor:text;color:#fff;background:#ffffff0d;border-radius:2px;padding:0 4px}.sim-layer__actions{display:flex;gap:2px;flex-shrink:0}.sim-layer__btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:none;border-radius:3px;color:#ffffff59;cursor:pointer;transition:color .1s,background .1s}.sim-layer__btn:hover{color:#ffffffb3;background:#ffffff0f}.sim-layer__btn.vis-off{color:#ffffff26}.sim-layer__btn.locked{color:var(--cobalt)}.sim-layer__btn--del:hover{color:#ef5350}.sim-layers__add{display:flex;flex-wrap:wrap;gap:2px;padding:.5rem;border-top:1px solid rgba(255,255,255,.06)}.sim-add-btn{display:flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0;justify-content:center;padding:6px 4px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#ffffff80;font-family:var(--font-ui);font-size:9px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:border-color .13s,color .13s}.sim-add-btn:hover{border-color:var(--cobalt);color:var(--cobalt)}.sim-shape-wrap{position:relative;flex:1;display:flex}.sim-shape-wrap .sim-add-btn{width:100%}.sim-shape-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;z-index:100;min-width:120px;background:var(--surface-2);border:1px solid rgba(255,255,255,.12);border-radius:4px;box-shadow:0 -4px 16px #0006;padding:4px}.sim-shape-dropdown[hidden]{display:none}.sim-shape-option{display:block;width:100%;padding:7px 10px;background:none;border:none;border-radius:3px;color:#ffffffb3;font-family:var(--font-ui);font-size:11px;cursor:pointer;text-align:left;transition:background .1s}.sim-shape-option:hover{background:#ffffff0f;color:#fff}.sim-canvas-area{position:relative;flex:1;display:flex;justify-content:center;align-items:center;min-height:300px;padding:1rem;background:#ffffff03}.sim-canvas-wrap{position:relative;box-shadow:0 4px 24px #0006;line-height:0;background-image:linear-gradient(45deg,#2a2a2a 25%,transparent 25%),linear-gradient(-45deg,#2a2a2a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2a2a 75%),linear-gradient(-45deg,transparent 75%,#2a2a2a 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#222}#sim-canvas{display:block}.sim-canvas-area--scrollable{overflow:auto;align-items:flex-start;justify-content:flex-start}.sim-zoom-bar{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:2px;background:var(--surface-2);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:2px;z-index:20}.sim-zoom-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:none;border-radius:3px;color:#fff9;font-family:var(--font-ui);font-size:14px;font-weight:700;cursor:pointer;transition:background .1s,color .1s}.sim-zoom-btn:hover{background:#ffffff14;color:#fff}.sim-zoom-label{display:flex;align-items:center;justify-content:center;min-width:40px;height:26px;padding:0 6px;background:none;border:none;border-radius:3px;color:#ffffff80;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background .1s,color .1s}.sim-zoom-label:hover{background:#ffffff0f;color:#fffc}.sim-drop-overlay{position:absolute;inset:0;background:#4589ff26;border:2px dashed var(--cobalt);border-radius:6px;display:none;align-items:center;justify-content:center;z-index:50;pointer-events:none}.sim-drop-overlay p{font-family:var(--font-ui);font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--cobalt)}.sim-canvas-area.dragging .sim-drop-overlay{display:flex}.sim-props{width:260px;min-width:260px;background:var(--surface);border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow:hidden}.sim-props__header{display:flex;align-items:center;padding:.625rem .75rem;border-bottom:1px solid rgba(255,255,255,.06)}.sim-props__title{font-family:var(--font-ui);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--cobalt)}.sim-props__body{flex:1;overflow-y:auto;padding:.75rem}.sim-props__hint{font-family:var(--font-ui);font-size:11px;color:#ffffff4d;text-align:center;padding:2rem .5rem;line-height:1.5}.sim-props-toggle{display:none;align-items:center;gap:6px;padding:7px 12px;background:none;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:border-color .13s}.sim-props-toggle:hover{border-color:var(--cobalt);color:var(--cobalt)}.sim-prop-group{margin-bottom:.875rem}.sim-prop-group:last-child{margin-bottom:0}.sim-prop-label{display:block;font-family:var(--font-ui);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;margin-bottom:6px}.sim-prop-input{width:100%;padding:6px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#fff;font-family:var(--font-ui);font-size:12px;outline:none;-moz-appearance:textfield}.sim-prop-input::-webkit-inner-spin-button,.sim-prop-input::-webkit-outer-spin-button{-webkit-appearance:none}.sim-prop-input:focus{border-color:var(--cobalt)}.sim-prop-num-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.sim-prop-num-row:last-child{margin-bottom:0}.sim-prop-num-label{font-family:var(--font-ui);font-size:10px;color:#ffffff73;min-width:16px;flex-shrink:0}.sim-prop-num-row .sim-prop-input{flex:1}.sim-prop-color-row{display:flex;align-items:center;gap:8px}.sim-prop-color-swatch{width:28px;height:28px;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:0;cursor:pointer;background:none;-webkit-appearance:none;appearance:none;flex-shrink:0}.sim-prop-color-swatch::-webkit-color-swatch-wrapper{padding:0}.sim-prop-color-swatch::-webkit-color-swatch{border:none;border-radius:3px}.sim-prop-color-swatch::-moz-color-swatch{border:none;border-radius:3px}.sim-prop-color-hex{width:80px}.sim-prop-btn-row{display:flex;gap:2px}.sim-prop-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:30px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#ffffff80;cursor:pointer;font-family:var(--font-ui);font-size:13px;font-weight:700;transition:border-color .13s,color .13s,background .13s}.sim-prop-toggle-btn:hover{border-color:#ffffff4d;color:#fffc}.sim-prop-toggle-btn.active{background:#4589ff26;border-color:var(--cobalt);color:var(--cobalt)}.sim-prop-select{width:100%;padding:6px 24px 6px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#fff;font-family:var(--font-ui);font-size:12px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.sim-prop-select:focus{border-color:var(--cobalt)}.sim-prop-select option{background:var(--surface-2);color:#fff}.sim-prop-slider-row{display:flex;align-items:center;gap:8px}.sim-prop-slider{flex:1;height:4px;appearance:none;-webkit-appearance:none;background:#ffffff26;border-radius:2px;outline:none}.sim-prop-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--cobalt);border-radius:50%;cursor:pointer}.sim-prop-slider::-moz-range-thumb{width:14px;height:14px;background:var(--cobalt);border-radius:50%;border:none;cursor:pointer}.sim-prop-slider-val{font-family:var(--font-ui);font-size:10px;color:#ffffff80;min-width:32px;text-align:right}.sim-prop-check-row{display:flex;align-items:center;gap:6px;margin-top:4px}.sim-prop-check-row input[type=checkbox]{accent-color:var(--cobalt);width:14px;height:14px;cursor:pointer}.sim-prop-check-label{font-family:var(--font-ui);font-size:10px;color:#ffffff80;cursor:pointer}.sim-filter-presets{display:flex;flex-wrap:wrap;gap:4px}.sim-filter-chip{padding:4px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffff8c;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:border-color .13s,color .13s,background .13s;white-space:nowrap}.sim-filter-chip:hover{border-color:#ffffff40;color:#fffc}.sim-filter-chip.active{background:#4589ff26;border-color:var(--cobalt);color:var(--cobalt)}.sim-prop-sep{height:1px;background:#ffffff0f;margin:.75rem 0}.sim-pages{display:flex;align-items:center;gap:6px;padding:.5rem .75rem;background:var(--surface);border:1px solid rgba(255,255,255,.08);border-top:none;border-radius:0 0 6px 6px;max-width:1100px;margin:0 auto;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sim-pages__list{display:flex;gap:6px;flex-shrink:0}.sim-page-tab{position:relative;display:flex;align-items:center;gap:6px;padding:4px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff9;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.03em;cursor:pointer;white-space:nowrap;transition:border-color .13s,color .13s;-webkit-user-select:none;user-select:none}.sim-page-tab:hover{border-color:#ffffff40;color:#ffffffd9}.sim-page-tab.active{border-color:#42be65;color:#42be65;background:#42be6514}.sim-page-thumb{width:36px;height:36px;border-radius:2px;background:#ffffff08;object-fit:contain;flex-shrink:0}.sim-pages__add{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px dashed rgba(255,255,255,.15);border-radius:4px;color:#fff6;font-family:var(--font-ui);font-size:16px;font-weight:700;cursor:pointer;flex-shrink:0;transition:border-color .13s,color .13s}.sim-pages__add:hover{border-color:var(--cobalt);color:var(--cobalt)}.sim-page-menu{position:fixed;z-index:200;min-width:140px;background:var(--surface-2);border:1px solid rgba(255,255,255,.12);border-radius:4px;box-shadow:0 8px 24px #00000080;padding:4px}.sim-page-menu__opt{display:block;width:100%;padding:7px 10px;background:none;border:none;border-radius:3px;color:#ffffffb3;font-family:var(--font-ui);font-size:11px;cursor:pointer;text-align:left;transition:background .1s}.sim-page-menu__opt:hover{background:#ffffff0f;color:#fff}.sim-page-menu__opt[data-action=delete]:hover{color:#ef5350}.sim-export-sep{height:1px;background:#ffffff0f;margin:4px 0}.sim-fx-temperature,.sim-fx-vignette{position:absolute;inset:0;pointer-events:none;z-index:2}.sim-fx-grain{position:absolute;inset:0;pointer-events:none;z-index:3;mix-blend-mode:overlay}.sim-fx-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#4589ff1f;border:1px solid rgba(69,137,255,.3);border-radius:4px;font-family:var(--font-ui);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--cobalt);white-space:nowrap}.sim-fx-dot{width:5px;height:5px;background:var(--cobalt);border-radius:50%;flex-shrink:0}.sim-add-btn.active{background:#4589ff1f;border-color:var(--cobalt);color:var(--cobalt)}.sim-hint{text-align:center;font-family:var(--font-ui);font-size:11px;color:#ffffff59;margin:.5rem auto 0;max-width:1100px}@media(max-width:768px){.sim-layers-toggle,.sim-props-toggle{display:flex}.sim-editor{flex-direction:column}.sim-layers{width:100%;min-width:unset;max-height:0;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);transition:max-height .25s ease;overflow:hidden}.sim-layers.sim-layers--open{max-height:400px;overflow-y:auto}.sim-props{width:100%;min-width:unset;max-height:0;border-left:none;border-top:1px solid rgba(255,255,255,.08);transition:max-height .25s ease;overflow:hidden;order:3}.sim-props.sim-props--open{max-height:500px;overflow-y:auto}.sim-canvas-area{padding:.5rem;min-height:200px}.sim-toolbar{border-radius:6px 6px 0 0}}@media(max-width:640px){.sim-toolbar{flex-direction:column;align-items:stretch;gap:.5rem}.sim-toolbar__left,.sim-toolbar__right{justify-content:center;flex-wrap:wrap}.sim-size-dropdown{min-width:200px}}