*{box-sizing:border-box;margin:0;padding:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes samPanelIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sam-subject-panel{transition:border-color .2s}.sam-subject-panel:hover{border-color:#00d2ff4d!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111;margin:0;overflow:hidden}.app-root{height:100dvh!important}:focus-visible{outline-offset:2px;outline:1px solid #666}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}button{transition:background .15s,color .15s,border-color .15s,opacity .15s}button:active:not(:disabled){opacity:.8}.header-btn{color:#aaa;cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:#1e1e1e;border:1px solid #333;border-radius:5px;padding:7px 14px;font-family:inherit;font-size:11px;font-weight:500}.header-btn:hover{color:#ccc;background:#252525;border-color:#444}.header-btn.active{color:#111;background:#fff;border-color:#fff}.header-btn.active.sam-btn{color:#000;background:linear-gradient(135deg,#00d2ff,#0090cc);border-color:#00b8e6;font-weight:600}.header-btn.primary{color:#111;background:#fff;border-color:#fff;font-weight:600}.header-btn.primary:hover{background:#e8e8e8;border-color:#e8e8e8}.header-btn.success{color:#6c6;background:#1a3a1a;border-color:#2a4a2a}.paste-recipe-btn{color:#aaa;cursor:pointer;text-align:center;background:#1e1e1e;border:1px dashed #3a3a3a;border-radius:5px;width:100%;margin-bottom:10px;padding:8px 10px;font-family:inherit;font-size:11px;font-weight:500}.paste-recipe-btn:hover{color:#ddd;background:#222;border-color:#666}.action-btn{color:#777;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;flex:1;padding:7px 0;font-family:inherit;font-size:10px}.action-btn:hover{color:#999;background:#222;border-color:#3a3a3a}input[type=range]{appearance:none;background:#333;border-radius:0;outline:none;height:1px;position:relative}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(#999 0%,#777 20%,#999 22%,#777 40%,#999 42%,#777 60%,#999 62%,#777 80%,#999 82%,#888 100%);border:none;border-radius:2px;width:14px;height:10px;transition:background .15s;box-shadow:0 0 0 .5px #0006,0 1px 2px #0000004d}input[type=range]::-webkit-slider-thumb:hover{background:linear-gradient(#bbb 0%,#999 20%,#bbb 22%,#999 40%,#bbb 42%,#999 60%,#bbb 62%,#999 80%,#bbb 82%,#aaa 100%)}input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(#999 0%,#777 20%,#999 22%,#777 40%,#999 42%,#777 60%,#999 62%,#777 80%,#999 82%,#888 100%);border:none;border-radius:2px;width:14px;height:10px;box-shadow:0 0 0 .5px #0006,0 1px 2px #0000004d}input[type=range]::-moz-range-track{background:#333;border-radius:0;height:1px}.modal-backdrop{z-index:900;-webkit-backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-panel{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) slideUp}.modal-cancel{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:5px;padding:7px 16px;font-family:inherit;font-size:11px;font-weight:500}.modal-cancel:hover{color:#aaa;background:#222}.modal-confirm{color:#111;cursor:pointer;background:#fff;border:none;border-radius:5px;padding:7px 20px;font-family:inherit;font-size:11px;font-weight:600}.modal-confirm:hover{background:#e8e8e8}.modal-confirm:disabled{color:#666;cursor:default;background:#333}.app-content{flex:1;min-height:0;display:flex;overflow:hidden}.app-canvas-area{flex:1;min-width:0;min-height:0}.app-sidebar{flex-shrink:0;width:300px}.app-sam-panel{background:#161616;border-left:1px solid #1e1e1e;flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow:hidden}.app-sam-panel .sam-panel-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow-y:auto}.mask-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;z-index:20;background:#000000c7;border-radius:10px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.mask-toolbar-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-family:inherit;font-size:14px;transition:background .12s,color .12s;display:flex}.mask-toolbar-btn:hover{color:#ddd;background:#ffffff1a}.mask-toolbar-btn.active{color:#fff;background:#ffffff26}.mask-toolbar-divider{background:#ffffff1f;width:1px;height:20px;margin:0 2px}.mask-toolbar-size{align-items:center;gap:6px;padding:0 8px 0 4px;display:flex}.mask-toolbar-size input[type=range]{accent-color:#888;width:70px;height:2px}.mask-toolbar-size span{color:#666;font-variant-numeric:tabular-nums;text-align:right;min-width:28px;font-size:10px}.header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}@media (width<=1024px){.app-sidebar{width:240px}.app-sam-panel{width:220px}}.sheet-handle{display:none}@media (width<=640px){.sheet-handle{display:flex!important}.app-header{flex-wrap:wrap;gap:8px!important;padding:10px 12px!important}.header-actions{flex-wrap:wrap;gap:4px}.app-content{flex-direction:column}.app-sam-panel,.sam-btn{display:none!important}.app-canvas-area{flex:none!important}.app-sidebar{border-top:1px solid #1e1e1e;border-left:none!important;width:100%!important}input[type=range]{height:4px}input[type=range]::-webkit-slider-thumb{width:20px;height:20px}input[type=range]::-moz-range-thumb{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}