.perskit-app{--fs-black:#0a0a0a;--fs-dark:#111;--fs-card:#1a1a1a;--fs-border:#2a2a2a;--fs-red:#e5252a;--fs-red-dark:#b91c1c;--fs-amber:#f5c842;--fs-cream:#f0eae0;--fs-muted:#9a9a9a;--fs-white:#fafaf8;--ui-bg:#f4f1ec;--ui-panel:#fff;--ui-ink:#111;--ui-ink-muted:#6b6b6b;--ui-line:#e5dfd5;--ui-line-strong:#cfc7b9;background:var(--ui-bg);color:var(--ui-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.perskit-app button{font-family:inherit;cursor:pointer;background:none;border:0;color:inherit}.perskit-app input,.perskit-app select,.perskit-app textarea{font-family:inherit}.perskit-app .app{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.perskit-app .sidebar{background:var(--fs-black);color:var(--fs-cream);padding:24px 0;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--fs-border)}.perskit-app .sidebar__brand{padding:0 24px 20px;border-bottom:1px solid var(--fs-border);display:block;text-decoration:none}.perskit-app .sidebar__brand--link{transition:opacity .15s;cursor:pointer}.perskit-app .sidebar__brand--link:hover{opacity:.85}.perskit-app .sidebar__backhint{margin-top:10px;font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fs-muted);opacity:.7}.perskit-app .sidebar__brand--link:hover .sidebar__backhint{color:var(--fs-red);opacity:1}.perskit-app .sidebar__mark{font-family:var(--font-display);font-weight:900;font-size:28px;line-height:.9;letter-spacing:-.01em;text-transform:uppercase;color:var(--fs-white)}.perskit-app .sidebar__mark span{color:var(--fs-red)}.perskit-app .sidebar__sub{font-weight:600;letter-spacing:.22em;color:var(--fs-muted);margin-top:4px}.perskit-app .sidebar__kittag,.perskit-app .sidebar__sub{font-family:var(--font-display);font-size:10px;text-transform:uppercase}.perskit-app .sidebar__kittag{margin-top:12px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid rgba(229,37,42,.4);background:rgba(229,37,42,.1);color:var(--fs-red);font-weight:700;letter-spacing:.2em}.perskit-app .sidebar__kittag:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--fs-red);animation:perskit-pulse 2s ease-in-out infinite}@keyframes perskit-pulse{0%,to{opacity:.5}50%{opacity:1}}.perskit-app .sidebar__nav{padding:16px 12px}.perskit-app .sidebar__group{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--fs-muted);padding:16px 12px 6px}.perskit-app .sidebar__item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border-radius:2px;color:var(--fs-cream);font-size:14px;transition:background .15s,color .15s}.perskit-app .sidebar__item:hover{background:hsla(0,0%,100%,.04)}.perskit-app .sidebar__item--active{background:var(--fs-red);color:#fff;font-weight:600}.perskit-app .sidebar__item--active:hover{background:var(--fs-red-dark)}.perskit-app .sidebar__dot{width:6px;height:6px;background:currentColor;opacity:.6}.perskit-app .sidebar__count{margin-left:auto;font-family:var(--font-mono);font-size:11px;opacity:.6}.perskit-app .sidebar__footer{margin-top:24px;padding:18px 24px;border-top:1px solid var(--fs-border);color:var(--fs-muted);font-size:12px}.perskit-app .sidebar__footer a{color:var(--fs-cream);text-decoration:underline;text-decoration-color:var(--fs-red);text-underline-offset:3px}.perskit-app .main{display:flex;flex-direction:column;min-width:0}.perskit-app .topbar{position:sticky;top:0;z-index:20;background:var(--ui-panel);border-bottom:1px solid var(--ui-line);padding:14px 32px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.perskit-app .topbar__left h1{font-family:var(--font-display);font-size:26px;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1;color:var(--ui-ink)}.perskit-app .topbar__left p{color:var(--ui-ink-muted);font-size:13px;margin-top:4px}.perskit-app .topbar__actions{display:flex;gap:8px;align-items:center}.perskit-app .btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--ui-line-strong);background:var(--ui-panel);font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;transition:all .15s;color:var(--ui-ink)}.perskit-app .btn:hover{border-color:var(--ui-ink)}.perskit-app .btn--primary{background:var(--fs-red);color:#fff;border-color:var(--fs-red)}.perskit-app .btn--primary:hover{background:var(--fs-red-dark);border-color:var(--fs-red-dark)}.perskit-app .btn--ghost{background:transparent}.perskit-app .btn--sm{padding:6px 10px;font-size:11px;letter-spacing:.14em}.perskit-app .btn:disabled{opacity:.6;cursor:not-allowed}.perskit-app .picker{display:inline-flex;align-items:stretch;border:1px solid var(--ui-line-strong);background:var(--ui-panel)}.perskit-app .picker__label{padding:0 12px;display:flex;align-items:center;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ui-ink-muted);border-right:1px solid var(--ui-line)}.perskit-app .picker__select{border:0;background:transparent;padding:9px 28px 9px 12px;font-size:13px;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ui-ink) 50%),linear-gradient(-45deg,transparent 50%,var(--ui-ink) 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;outline:none;min-width:280px;color:var(--ui-ink)}.perskit-app .content{padding:28px 32px 80px;display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}.perskit-app .stage{min-width:0}.perskit-app .stage__head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px;gap:16px}.perskit-app .stage__title{font-family:var(--font-display);font-size:40px;line-height:.95;font-weight:900;text-transform:uppercase;color:var(--ui-ink)}.perskit-app .stage__title span{color:var(--fs-red)}.perskit-app .stage__eyebrow{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ui-ink-muted);margin-bottom:6px}.perskit-app .stage__meta{font-size:13px;color:var(--ui-ink-muted);text-align:right}.perskit-app .stage__meta strong{color:var(--ui-ink);font-weight:600}.perskit-app .rule{height:4px;width:44px;background:var(--fs-red);margin-bottom:10px}.perskit-app .variants{display:inline-flex;border:1px solid var(--ui-line-strong);background:var(--ui-panel);margin-bottom:18px}.perskit-app .variants__btn{padding:8px 14px;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;border-right:1px solid var(--ui-line);color:var(--ui-ink-muted);display:flex;align-items:center;gap:8px}.perskit-app .variants__btn:last-child{border-right:0}.perskit-app .variants__btn:hover{color:var(--ui-ink)}.perskit-app .variants__btn--active{background:var(--fs-black);color:#fff}.perskit-app .variants__dot{width:6px;height:6px;background:currentColor}.perskit-app .canvas{background:var(--ui-panel);border:1px solid var(--ui-line);padding:28px;display:grid;justify-items:center;gap:14px;position:relative}.perskit-app .canvas__ruler{position:absolute;top:10px;left:10px;font-family:var(--font-mono);font-size:11px;color:var(--ui-ink-muted);display:flex;gap:10px;align-items:center}.perskit-app .canvas__ruler span{display:inline-flex;align-items:center;gap:6px}.perskit-app .canvas__ruler span:before{content:"";width:6px;height:6px;background:var(--fs-red)}.perskit-app .canvas__dims{position:absolute;top:10px;right:10px;font-family:var(--font-mono);font-size:11px;color:var(--ui-ink-muted)}.perskit-app .asset-frame{position:relative;overflow:hidden;box-shadow:0 20px 60px -20px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.06)}.perskit-app .asset-frame__inner{transform-origin:top left}.perskit-app .panel{background:var(--ui-panel);border:1px solid var(--ui-line);position:sticky;top:86px}.perskit-app .panel__section{padding:18px 18px 20px;border-bottom:1px solid var(--ui-line)}.perskit-app .panel__section:last-child{border-bottom:0}.perskit-app .panel__title{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ui-ink-muted);margin-bottom:12px}.perskit-app .panel__row{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.perskit-app .panel__label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ui-ink-muted);font-weight:600}.perskit-app .input{width:100%;border:1px solid var(--ui-line-strong);background:#fff;padding:9px 10px;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s;color:var(--ui-ink)}.perskit-app .input:focus{border-color:var(--fs-red);box-shadow:0 0 0 3px rgba(229,37,42,.12)}.perskit-app .seg{display:flex;border:1px solid var(--ui-line-strong);overflow:hidden}.perskit-app .seg__btn{flex:1;padding:8px 6px;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ui-ink-muted);border-right:1px solid var(--ui-line)}.perskit-app .seg__btn:last-child{border-right:0}.perskit-app .seg__btn--active{background:var(--fs-black);color:#fff}.perskit-app .swatches{display:flex;gap:8px}.perskit-app .swatch{width:32px;height:32px;border:1px solid var(--ui-line-strong);position:relative;display:grid;place-items:center}.perskit-app .swatch--active{box-shadow:0 0 0 2px var(--fs-red);border-color:var(--fs-red)}.perskit-app .swatch__label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--ui-ink-muted)}.perskit-app .hint{color:var(--ui-ink-muted);font-size:11px;line-height:1.4;margin-top:4px}.perskit-app .press{background:var(--ui-panel);border:1px solid var(--ui-line);padding:40px;display:grid;grid-template-columns:1fr;gap:28px}.perskit-app .press__block{border-left:4px solid var(--fs-red);padding:14px 20px;background:#fbf8f2;position:relative}.perskit-app .press__block h3{font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--ui-ink);margin-bottom:4px}.perskit-app .press__block .len{font-family:var(--font-mono);font-size:10px;color:var(--ui-ink-muted);margin-bottom:10px}.perskit-app .press__block p{font-size:14px;line-height:1.65;color:#222;white-space:pre-wrap}.perskit-app .press__copy{position:absolute;top:14px;right:14px}.perskit-app .grid-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.perskit-app .asset-tile{background:var(--ui-panel);border:1px solid var(--ui-line);overflow:hidden;display:flex;flex-direction:column}.perskit-app .asset-tile__img{aspect-ratio:4/3;background:var(--fs-black) center /cover;position:relative}.perskit-app .asset-tile__img.portrait{aspect-ratio:3/4}.perskit-app .asset-tile__body{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.perskit-app .asset-tile__name{font-size:12px;font-weight:600;color:var(--ui-ink)}.perskit-app .asset-tile__meta{font-family:var(--font-mono);font-size:10px;color:var(--ui-ink-muted)}.perskit-app .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(120%);background:var(--fs-black);color:var(--fs-cream);padding:12px 20px;font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;border-left:4px solid var(--fs-red);box-shadow:0 20px 40px -10px rgba(0,0,0,.4);transition:transform .35s cubic-bezier(.2,.7,.3,1);z-index:100}.perskit-app .toast--visible{transform:translateX(-50%) translateY(0)}.perskit-app .tpl{font-family:var(--font-display);color:var(--fs-cream);background:var(--fs-black);position:relative;overflow:hidden}.perskit-app .tpl *{box-sizing:border-box}.perskit-app .tpl-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.06;pointer-events:none;mix-blend-mode:overlay}@media (max-width:900px){.perskit-app .app{grid-template-columns:1fr}.perskit-app .sidebar{position:relative;height:auto;overflow-y:visible;padding:16px 0}.perskit-app .sidebar__brand{padding:0 16px 16px}.perskit-app .sidebar__nav{padding:12px 8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:4px}.perskit-app .sidebar__group{padding:10px 8px 4px;grid-column:1/-1}.perskit-app .sidebar__item{padding:10px;font-size:13px}.perskit-app .sidebar__count{display:none}.perskit-app .sidebar__footer{padding:14px 16px}.perskit-app .topbar{padding:12px 16px;grid-template-columns:1fr;gap:10px}.perskit-app .topbar__left h1{font-size:22px}.perskit-app .topbar__left p{display:none}.perskit-app .topbar__actions{flex-wrap:wrap}.perskit-app .picker{width:100%}.perskit-app .picker__select{min-width:0;flex:1}.perskit-app .content{padding:16px;grid-template-columns:1fr;gap:16px}.perskit-app .stage__head{flex-direction:column;align-items:flex-start;gap:8px}.perskit-app .stage__title{font-size:30px}.perskit-app .stage__meta{text-align:left}.perskit-app .variants{flex-wrap:wrap;width:100%}.perskit-app .variants__btn{flex:1 1 0;justify-content:center}.perskit-app .canvas{padding:16px}.perskit-app .panel{position:relative;top:auto}.perskit-app .press{padding:20px;gap:16px}.perskit-app .grid-assets{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}