.tb-app{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--theme-bg,#0b1220);color:var(--theme-text,#d6deec);font-family:var(--font-body,system-ui,sans-serif);z-index:40}.tb-back{display:inline-flex;align-items:center;gap:6px;color:var(--theme-elevation-500,#8b96ad);text-decoration:none;font-size:13px;padding:6px 10px;border-radius:8px;transition:background .15s ease,color .15s ease}.tb-back:hover{background:var(--theme-elevation-200,#1c2740);color:var(--theme-text,#d6deec)}.tb-topbar .tb-back+.tb-brand{margin-left:4px;padding-left:12px;border-left:1px solid var(--theme-elevation-100)}.tb-topbar{padding:8px 12px;background:var(--theme-elevation-0,#121a2b);border-bottom:1px solid var(--theme-elevation-100,#1c2740);min-height:52px;flex-shrink:0}.tb-brand,.tb-topbar{display:flex;align-items:center;gap:8px}.tb-brand{font-weight:700;letter-spacing:-.02em;font-size:14px;padding-right:12px;border-right:1px solid var(--theme-elevation-100)}.tb-brand-dot{width:10px;height:10px;border-radius:3px;background:#cb3438;box-shadow:0 0 0 3px rgba(203,52,56,.22)}.tb-title-input{flex:1;max-width:340px;background:transparent;border:1px solid transparent;border-radius:8px;padding:6px 10px;font-size:14px;font-weight:600;color:var(--theme-text,inherit);outline:none;transition:border-color .12s ease,background .12s ease}.tb-title-input:focus,.tb-title-input:hover{background:var(--theme-elevation-50)}.tb-title-input:focus{border-color:#cb3438}.tb-spacer{flex:1}.tb-tool-group{gap:2px;background:var(--theme-elevation-50);border:1px solid var(--theme-elevation-100);border-radius:10px;padding:3px}.tb-btn,.tb-tool-group{display:inline-flex;align-items:center}.tb-btn{justify-content:center;gap:6px;border:none;border-radius:8px;background:transparent;color:var(--theme-elevation-700,#9aa7bd);font-size:13px;font-weight:600;padding:6px 9px;cursor:pointer;transition:background .12s ease,color .12s ease,transform .1s ease;line-height:1;white-space:nowrap}.tb-btn:hover:not(:disabled){background:var(--theme-elevation-100);color:var(--theme-text,inherit)}.tb-btn:disabled{opacity:.4;cursor:not-allowed}.tb-btn--active{background:#cb3438;color:#fff}.tb-btn--active:hover{background:#b02c30;color:#fff}.tb-btn--primary{background:#cb3438;color:#fff;box-shadow:0 1px 2px rgba(203,52,56,.3)}.tb-btn--primary:hover{background:#b02c30;color:#fff}.tb-btn--ghost{color:var(--theme-elevation-600)}.tb-btn svg{width:15px;height:15px}.tb-btn--small{padding:4px 7px;font-size:12px}.tb-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--theme-elevation-500);padding:4px 10px;border-radius:999px;border:1px solid var(--theme-elevation-100)}.tb-status-dot{width:7px;height:7px;border-radius:50%}.tb-status--saved .tb-status-dot{background:#4caf50}.tb-status--saving .tb-status-dot{background:#f59e0b;animation:tb-pulse 1s infinite}.tb-status--error .tb-status-dot{background:#dc2626}.tb-status--idle .tb-status-dot{background:var(--theme-elevation-400)}@keyframes tb-pulse{50%{opacity:.35}}.tb-body{flex:1}.tb-body,.tb-sidebar{display:flex;min-height:0}.tb-sidebar{width:260px;flex-shrink:0;background:var(--theme-elevation-0);border-right:1px solid var(--theme-elevation-100);flex-direction:column}.tb-sidebar--right{border-right:none;border-left:1px solid var(--theme-elevation-100);width:280px}.tb-panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--theme-elevation-500);border-bottom:1px solid var(--theme-elevation-100);flex-shrink:0}.tb-panel-scroll{flex:1;overflow-y:auto;padding:8px;min-height:0}.tb-layer-list{display:flex;flex-direction:column;gap:2px}.tb-layer-row{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .1s ease;user-select:none}.tb-layer-row:hover{background:var(--theme-elevation-50)}.tb-layer-row--selected{background:rgba(203,52,56,.12);border-color:rgba(203,52,56,.4)}.tb-layer-row--dragging{opacity:.5}.tb-layer-row--hidden .tb-layer-name{color:var(--theme-elevation-400);font-style:italic}.tb-layer-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--theme-elevation-100);color:var(--theme-elevation-600);flex-shrink:0}.tb-layer-icon svg{width:13px;height:13px}.tb-layer-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tb-layer-name{font-size:12.5px;font-weight:600;color:var(--theme-text,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-layer-type{font-size:10.5px;color:var(--theme-elevation-500);text-transform:uppercase;letter-spacing:.04em}.tb-layer-tools{display:flex;gap:1px;opacity:0;transition:opacity .12s ease}.tb-layer-row:hover .tb-layer-tools{opacity:1}.tb-layer-tools button{border:none;background:transparent;color:var(--theme-elevation-500);border-radius:5px;padding:3px;cursor:pointer;display:flex}.tb-layer-tools button:hover{background:var(--theme-elevation-100);color:var(--theme-text)}.tb-layer-tools svg{width:13px;height:13px}.tb-canvas-wrap{flex:1;min-width:0;display:flex;flex-direction:column}.tb-canvas-wrap,.tb-ruler{position:relative;overflow:hidden}.tb-ruler{flex-shrink:0;background:var(--theme-elevation-0)}.tb-ruler--x{height:22px;border-bottom:1px solid var(--theme-elevation-100)}.tb-ruler--y{width:22px;border-right:1px solid var(--theme-elevation-100)}.tb-ruler canvas{position:absolute;inset:0}.tb-canvas-viewport{flex:1;overflow:auto;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 1px 1px,rgba(128,128,128,.18) 1px,transparent 0) 0 0 /22px 22px,var(--theme-bg)}.tb-stage-slot{position:relative;box-shadow:0 12px 40px rgba(0,0,0,.35)}.tb-zoom-control{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background:var(--theme-elevation-0);border:1px solid var(--theme-elevation-100);border-radius:999px;padding:4px;box-shadow:0 4px 16px rgba(0,0,0,.25);z-index:10}.tb-zoom-value{font-size:12px;font-weight:700;min-width:44px;text-align:center;color:var(--theme-elevation-600)}.tb-validation-panel{border-top:1px solid var(--theme-elevation-100);flex-shrink:0;max-height:200px;overflow-y:auto}.tb-validation-head{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;background:var(--theme-elevation-0)}.tb-validation-item{display:flex;gap:8px;padding:6px 12px;font-size:12.5px;border-top:1px solid var(--theme-elevation-50)}.tb-validation-item--error{color:#f87171}.tb-validation-item--warning{color:#fbbf24}.tb-section{border-bottom:1px solid var(--theme-elevation-100)}.tb-section-title{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;padding:10px 12px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--theme-elevation-500);cursor:pointer}.tb-section-title:hover{color:var(--theme-text)}.tb-section-body{padding:10px 12px;gap:10px}.tb-field,.tb-section-body{display:flex;flex-direction:column}.tb-field{gap:4px}.tb-field-label{font-size:11px;font-weight:600;color:var(--theme-elevation-600)}.tb-input,.tb-select,.tb-textarea{width:100%;background:var(--theme-elevation-50);border:1px solid var(--theme-elevation-100);border-radius:8px;color:var(--theme-text,inherit);padding:6px 8px;font-size:13px;outline:none;transition:border-color .12s ease}.tb-input:focus,.tb-select:focus,.tb-textarea:focus{border-color:#cb3438}.tb-row{display:flex;gap:8px}.tb-row>.tb-field{flex:1}.tb-color-input{display:flex;align-items:center;gap:6px}.tb-color-input input[type=color]{width:30px;height:30px;border:1px solid var(--theme-elevation-100);border-radius:8px;background:transparent;padding:2px;cursor:pointer}.tb-color-input input[type=text]{flex:1}.tb-icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tb-icon-cell{border:1px solid var(--theme-elevation-100);background:var(--theme-elevation-50);border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease}.tb-icon-cell:hover{border-color:#cb3438}.tb-icon-cell--selected{border-color:#cb3438;background:rgba(203,52,56,.14)}.tb-icon-cell svg{width:18px;height:18px}.tb-shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tb-shape-cell{border:1px solid var(--theme-elevation-100);border-radius:8px;background:var(--theme-elevation-50);padding:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tb-shape-cell:hover{border-color:#cb3438}.tb-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:60;backdrop-filter:blur(3px)}.tb-modal{width:min(920px,92vw);max-height:86vh;background:var(--theme-elevation-0);border:1px solid var(--theme-elevation-100);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.5)}.tb-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--theme-elevation-100)}.tb-modal-title{font-size:15px;font-weight:700}.tb-modal-body{flex:1;overflow-y:auto;padding:14px}.tb-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.tb-media-item{border:1px solid var(--theme-elevation-100);border-radius:10px;overflow:hidden;cursor:pointer;background:var(--theme-elevation-50);position:relative;aspect-ratio:1;transition:border-color .12s ease,transform .12s ease}.tb-media-item:hover{border-color:#cb3438;transform:translateY(-1px)}.tb-media-item img{width:100%;height:100%;object-fit:cover}.tb-media-item--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:12px;aspect-ratio:1;padding:12px}.tb-media-empty-state,.tb-media-item--empty{color:var(--theme-elevation-500);text-align:center}.tb-media-empty-state{padding:48px 20px}.tb-media-search{width:100%;margin-bottom:12px}.tb-tag-list{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 4px}.tb-tag{border:1px solid var(--theme-elevation-100);background:var(--theme-elevation-50);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;cursor:pointer;color:var(--theme-elevation-600)}.tb-tag:hover{border-color:#cb3438;color:#cb3438}.tb-mockup-row{display:flex;gap:8px;padding:8px 12px;flex-wrap:wrap;border-bottom:1px solid var(--theme-elevation-100)}.tb-mockup-thumb{border:1px solid var(--theme-elevation-100);border-radius:8px;padding:4px;background:var(--theme-elevation-50);cursor:pointer;width:52px;height:52px;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.tb-mockup-thumb--active{border-color:#cb3438;box-shadow:0 0 0 2px rgba(203,52,56,.25)}.tb-mockup-thumb svg{width:36px;height:36px}.tb-empty-inspector{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 20px;text-align:center;color:var(--theme-elevation-500)}.tb-empty-inspector svg{width:40px;height:40px;opacity:.5}.tb-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:var(--theme-bg);z-index:50;font-weight:600}.tb-spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--theme-elevation-100);border-top:3px solid #cb3438;animation:tb-spin .8s linear infinite}@keyframes tb-spin{to{transform:rotate(1turn)}}.tb-divider{height:1px;background:var(--theme-elevation-100);margin:4px 0}.tb-gap{width:6px}.tb-collapse{display:flex;flex-direction:column;min-height:0;flex:1}.tb-zoom-slider{width:90px;accent-color:#cb3438}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move;box-shadow:0 0 0 9999em #00000080}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{outline:none;border-color:#00f;border-style:solid}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{position:absolute;content:"";display:block;width:10px;height:10px;background-color:#0003;border:1px solid rgba(255,255,255,.7);outline:1px solid transparent}.ReactCrop__drag-handle:focus:after{border-color:#00f;background:#2dbfff}.ReactCrop .ord-nw{top:0;left:0;margin-top:-5px;margin-left:-5px;cursor:nw-resize}.ReactCrop .ord-nw:after{top:0;left:0}.ReactCrop .ord-n{top:0;left:50%;margin-top:-5px;margin-left:-5px;cursor:n-resize}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{top:0;right:0;margin-top:-5px;margin-right:-5px;cursor:ne-resize}.ReactCrop .ord-ne:after{top:0;right:0}.ReactCrop .ord-e{top:50%;right:0;margin-top:-5px;margin-right:-5px;cursor:e-resize}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px;cursor:s-resize}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px;cursor:sw-resize}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:24px;height:24px}}