.sp-root{--sp-danger: #e5484d;--sp-glass: color-mix(in srgb, var(--color-surface) 84%, transparent);height:100%;min-height:30rem;color:var(--color-ink);font-family:var(--font-body);font-size:.92rem;background:radial-gradient(120% 90% at 50% -20%,var(--color-page-bg-soft),var(--color-page-bg) 62%)}.sp-appbar{display:flex;align-items:center;gap:8px;width:100%;min-width:0}.sp-appbar__div{color:var(--color-muted-light);font-weight:400}.sp-appbar__title{min-width:4rem;max-width:18rem;flex:0 1 auto;background:transparent;border:1px solid transparent;border-radius:8px;padding:4px 8px;font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--color-ink)}.sp-appbar__title:hover{border-color:var(--color-border)}.sp-appbar__title:focus{border-color:var(--color-primary);background:var(--color-surface-soft);outline:none}.sp-appbar__import{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-ink-soft);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap}.sp-appbar__import:hover{border-color:var(--color-primary);color:var(--color-primary)}.sp-appbar__import.is-drag{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.sp-appbar__import svg{width:16px;height:16px}.sp-root--empty{display:flex;align-items:center;justify-content:center;padding:1.5rem}.sp-empty{max-width:34rem;text-align:center}.sp-empty__badge{display:inline-block;font-family:var(--font-display);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.75rem}.sp-empty__title{font-family:var(--font-display);font-size:clamp(1.7rem,3.4vw,2.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 .6rem;color:var(--color-ink)}.sp-empty__lead{color:var(--color-muted);line-height:1.55;margin:0 0 1.5rem}.sp-empty__or{margin-top:.9rem;color:var(--color-muted);font-size:.85rem}.sp-linkbtn{background:none;border:none;color:var(--color-primary);cursor:pointer;font:inherit;text-decoration:underline;padding:0}.sp-error{margin-top:1rem;color:var(--sp-danger)}.sp-loading{display:flex;flex-direction:column;align-items:center;gap:14px}.sp-spinner{width:34px;height:34px;border-radius:999px;border:3px solid var(--color-border-strong);border-top-color:var(--color-primary);animation:sp-spin .8s linear infinite}@keyframes sp-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sp-spinner{animation:none}}.sp-workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px;height:100%;padding:14px}.sp-canvas{order:2}.sp-rail{order:1}.sp-rail{display:flex;flex-direction:column;min-height:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.sp-rail__head{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--color-border)}.sp-rail__head .pt-segmented{flex:1}.sp-rail__body{flex:1;min-height:0;overflow-y:auto;padding:14px}.sp-panel{display:flex;flex-direction:column}.sp-divider{height:1px;background:var(--color-border);margin:14px 0}.sp-eyebrow{font-family:var(--font-display);font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--color-muted)}.sp-eyebrow--sub{display:block;margin:16px 0 8px}.sp-eyebrow--first{margin-top:0}.sp-hint{color:var(--color-muted);font-size:.84rem;line-height:1.5;margin:.25rem 0 .75rem}.sp-strats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.sp-strat{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--radius-sm);transition:background .15s ease}.sp-strat:hover{background:var(--color-surface-soft)}.sp-strat.is-selected{background:var(--color-primary-soft)}.sp-strat.is-off{opacity:.55}.sp-strat__name{flex:1;text-align:left;background:none;border:none;color:inherit;cursor:pointer;font-size:.86rem;font-weight:600;padding:0}.sp-strat__toggle{display:inline-flex}.sp-strat__del{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;color:var(--color-muted);cursor:pointer}.sp-strat__del svg{width:15px;height:15px}.sp-strat__del:hover{color:var(--sp-danger);background:color-mix(in srgb,var(--sp-danger) 12%,transparent)}.sp-add{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sp-add__btn{display:flex;align-items:center;gap:6px;padding:8px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-ink);font-size:.8rem;font-weight:600;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.sp-add__btn:hover{background:var(--color-surface-soft);color:var(--color-primary)}.sp-add__plus{color:var(--color-primary);font-weight:800;font-size:1rem;line-height:1}.sp-canvas{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-soft);border:1px solid var(--color-border);min-height:0}.sp-viewport{position:absolute;inset:0}.sp-viewport canvas{display:block;width:100%!important;height:100%!important}.sp-slice-canvas{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(120% 90% at 50% 0%,var(--color-page-bg-soft),var(--color-page-bg))}.sp-topleft{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:calc(100% - 24px);pointer-events:none}.sp-topleft>*{pointer-events:auto}.sp-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sp-toolbar .pt-segmented,.sp-toolbar .sp-iconbtn{box-shadow:var(--shadow-float)}.sp-check{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:600;color:var(--color-ink);cursor:pointer;padding:0 4px}.sp-iconbtn{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;flex:none}.sp-iconbtn:hover{color:var(--color-primary);border-color:var(--color-primary)}.sp-iconbtn svg{width:18px;height:18px}.sp-coverage{display:flex;flex-direction:column;align-items:flex-start;padding:8px 13px;border-radius:var(--radius-md);background:var(--sp-glass);backdrop-filter:blur(12px) saturate(140%);border:1px solid var(--color-border);box-shadow:var(--shadow-float)}.sp-coverage__pct{font-family:var(--font-display);font-size:1.6rem;font-weight:800;line-height:1;color:var(--color-orange)}.sp-coverage__pct.is-good{color:var(--color-green)}.sp-coverage__label{font-size:.74rem;color:var(--color-muted);margin-top:2px}.sp-coverage__busy{font-size:.7rem;color:var(--color-primary);margin-top:2px}.sp-layerbar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:999px;background:var(--sp-glass);backdrop-filter:blur(12px) saturate(140%);border:1px solid var(--color-border);box-shadow:var(--shadow-float);min-width:18rem;font-size:.8rem;font-weight:600;color:var(--color-muted)}.sp-layerbar .pt-range{flex:1}.sp-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.sp-stat{display:flex;flex-direction:column;gap:2px;padding:2px 0}.sp-stat__value{font-family:var(--font-display);font-size:1.3rem;font-weight:800;line-height:1;color:var(--color-ink)}.sp-stat__label{font-size:.68rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.sp-stat--good .sp-stat__value{color:var(--color-green)}.sp-stat--warn .sp-stat__value{color:var(--color-orange)}.sp-stat--bad .sp-stat__value{color:var(--sp-danger)}.sp-field{margin-bottom:12px}.sp-field__label{display:block;font-size:.74rem;font-weight:700;color:var(--color-muted);margin-bottom:6px}.sp-note{color:var(--color-muted);font-size:.8rem;line-height:1.5;margin:8px 0}.sp-note--info{color:var(--color-ink-soft);background:var(--color-primary-soft);border-radius:var(--radius-sm);padding:8px 10px}.sp-materials{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sp-material{display:flex;justify-content:space-between;font-size:.85rem;padding:5px 8px;border-radius:8px}.sp-material:nth-child(odd){background:var(--color-surface-soft)}.sp-material strong{font-family:var(--font-display);color:var(--color-ink)}.sp-export{display:flex;flex-direction:column;gap:8px}.sp-export .btn{width:100%}.sp-export__row{display:flex;gap:8px}.sp-export__row .btn{flex:1}.sp-settings{display:flex;flex-direction:column}.sp-slider{margin-bottom:12px}.sp-slider__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.sp-slider__value{font-family:var(--font-display);font-weight:800;font-size:.86rem;color:var(--color-primary)}.sp-slider__hint{display:block;font-size:.72rem;color:var(--color-muted);margin-top:3px}.sp-slider-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sp-region__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:6px}.sp-region__field{display:flex;flex-direction:column;gap:3px;font-size:.68rem;font-weight:700;color:var(--color-muted);text-transform:uppercase}.sp-region__field .pt-input{padding:6px 8px}.sp-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin-bottom:12px}.sp-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;cursor:pointer;transition:border-color .15s ease,background .15s ease}.sp-tile:hover{background:var(--color-surface-soft)}.sp-tile.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.sp-thumb{width:40px;height:40px;object-fit:contain;image-rendering:auto}.sp-thumb--placeholder{border-radius:8px;background:linear-gradient(120deg,var(--color-border) 30%,var(--color-surface) 50%,var(--color-border) 70%)}.sp-tile__name{font-size:.66rem;font-weight:600;color:var(--color-muted);text-align:center;line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sp-tile.is-selected .sp-tile__name{color:var(--color-ink)}.featured-builder{--featured-builder-surface: linear-gradient( 115deg, #ffffff 0%, #fdfcff 48%, #f8f4fc 78%, #f9f1f9 100% );--featured-builder-wash: radial-gradient( 170px 120px at 90% 22%, rgba(236, 205, 245, .4), transparent 72% ), radial-gradient( 140px 90px at 66% 105%, rgba(205, 227, 250, .42), transparent 74% ), radial-gradient( 90px 70px at 3% 105%, rgba(198, 237, 246, .4), transparent 76% );--featured-builder-border: rgba(255, 255, 255, .92);--featured-builder-ring: 0 0 0 1px rgba(224, 220, 244, .9), -10px 12px 30px -6px rgba(125, 216, 238, .42), 12px 14px 34px -6px rgba(240, 173, 225, .44), 0 22px 44px rgba(84, 92, 150, .16);--featured-builder-ring-hover: 0 0 0 1px rgba(216, 210, 242, .95), -12px 16px 36px -6px rgba(125, 216, 238, .5), 14px 18px 40px -6px rgba(240, 173, 225, .52), 0 28px 54px rgba(84, 92, 150, .2);--featured-builder-ink: #272f60;--featured-builder-muted: #5d6b96;--featured-builder-badge-bg: linear-gradient( 120deg, rgba(255, 255, 255, .96), rgba(244, 241, 253, .96) );--featured-builder-badge-line: rgba(214, 206, 243, .9);--featured-builder-streak: linear-gradient( 180deg, transparent 8%, rgba(190, 214, 246, .38) 50%, transparent 92% );--featured-builder-rule: rgba(148, 163, 205, .55);--featured-builder-avatar-shadow: drop-shadow( -6px 10px 14px rgba(40, 50, 100, .25) );position:absolute;top:18px;right:18px;z-index:5;display:flex;align-items:center;width:min(392px,calc(100% - 36px));min-height:118px;padding:15px 170px 15px 20px;background:var(--featured-builder-surface);border:1px solid var(--featured-builder-border);border-radius:22px;box-shadow:var(--featured-builder-ring);overflow:hidden;isolation:isolate;pointer-events:auto;user-select:none;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.featured-builder:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--featured-builder-wash);pointer-events:none}.featured-builder:hover{transform:translateY(-3px);box-shadow:var(--featured-builder-ring-hover)}.featured-builder:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.featured-builder-scene{position:absolute;inset:0;z-index:1;pointer-events:none}.featured-builder-streak{position:absolute;top:-30%;height:160%;width:34px;transform:rotate(22deg);background:var(--featured-builder-streak)}.featured-builder-streak-a{right:150px;width:46px}.featured-builder-streak-b{right:92px;width:22px;opacity:.7}.featured-builder-star{position:absolute}.featured-builder-star-1{right:196px;top:14px}.featured-builder-star-2{right:206px;bottom:20px}.featured-builder-star-3{right:10px;top:10px}.featured-builder-star-4{right:120px;top:8px}.featured-builder-star-5{right:6px;bottom:30px}.featured-builder-text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}.featured-builder-label{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;background:var(--featured-builder-badge-bg);box-shadow:inset 0 0 0 1px var(--featured-builder-badge-line),0 2px 6px #545c9614;color:var(--featured-builder-ink);font-size:.64rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.featured-builder-name{display:inline-flex;align-items:flex-start;gap:4px;color:var(--featured-builder-ink);font-family:var(--font-display);font-size:2rem;font-weight:900;letter-spacing:-.025em;line-height:1}.featured-builder-name-spark{margin-top:-3px;margin-left:5px}.featured-builder-tagline{display:inline-flex;align-items:center;gap:8px;color:var(--featured-builder-muted);font-size:.8rem;font-weight:600}.featured-builder-tagline-rule{width:44px;height:2px;border-radius:2px;background:var(--featured-builder-rule)}.featured-builder-avatar{position:absolute;right:26px;bottom:calc(118px - var(--fb-avatar-height, 260px));z-index:2;filter:var(--featured-builder-avatar-shadow);transition:transform .18s ease}.featured-builder:hover .featured-builder-avatar{transform:translateY(-4px)}[data-theme=dark] .featured-builder{--featured-builder-surface: linear-gradient( 115deg, #1b2337 0%, #1f2740 44%, #262a4a 76%, #2b2647 100% );--featured-builder-wash: radial-gradient( 150px 110px at 86% 30%, rgba(147, 94, 178, .3), transparent 70% ), radial-gradient( 120px 90px at 62% 100%, rgba(70, 110, 170, .32), transparent 72% );--featured-builder-border: rgba(148, 160, 220, .32);--featured-builder-ring: 0 0 0 1px rgba(90, 100, 160, .35), -10px 12px 30px -6px rgba(56, 150, 180, .3), 12px 14px 34px -6px rgba(170, 90, 160, .3), 0 22px 44px rgba(0, 0, 0, .45);--featured-builder-ring-hover: 0 0 0 1px rgba(105, 116, 180, .42), -12px 16px 36px -6px rgba(56, 150, 180, .38), 14px 18px 40px -6px rgba(170, 90, 160, .38), 0 28px 54px rgba(0, 0, 0, .52);--featured-builder-ink: #eef1ff;--featured-builder-muted: #a9b4d8;--featured-builder-badge-bg: linear-gradient( 120deg, rgba(40, 48, 74, .96), rgba(48, 52, 84, .96) );--featured-builder-badge-line: rgba(120, 130, 190, .5)}.sp-toast{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--sp-danger);color:#fff;padding:.5rem .9rem;border-radius:var(--radius-sm);font-size:.82rem;box-shadow:var(--shadow-float);z-index:20}@media(max-width:1024px){.sp-workspace{grid-template-columns:1fr;grid-auto-rows:min-content;overflow-y:auto}.sp-canvas{order:-1;min-height:58vh}.sp-rail{order:0}.sp-rail__body{max-height:60vh}}@media(max-width:768px){.sp-appbar__div,.sp-appbar__import span{display:none}.sp-appbar__import{padding:7px 9px}}