:root{--bg: #f3f1ec;--paper: #ffffff;--ink: #121212;--ink-2: #3a3a38;--muted: #74726c;--line: #e3e0d8;--line-2: #d6d2c8;--chip: #e9e6df;--blue: #3b5bfd;--hot: #ff6a3d;--danger: #d92d20;--logo-on: #f3f1ec;--logo-accent: #ff6a3d;--radius: 22px;--display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;--ui: "Inter", system-ui, -apple-system, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}.logo{display:inline-flex;align-items:center;gap:9px;color:var(--ink)}.logo b{font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-weight:600;white-space:nowrap;transition:transform .12s ease,background .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}.btn.ghost:hover:not(:disabled){border-color:var(--ink)}.btn.big{height:52px;padding:0 26px;font-size:15px}.btn.small{height:32px;padding:0 12px;font-size:12.5px}.seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--chip);gap:2px}.seg button{border:0;background:transparent;height:28px;min-width:32px;padding:0 9px;border-radius:7px;font-size:12px;font-weight:600;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.seg button.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #00000014}.seg.wide{display:flex}.seg.wide button{flex:1}.icon-btn{width:34px;height:34px;border-radius:9px;border:0;background:transparent;display:inline-grid;place-items:center;color:var(--ink-2);font-size:18px}.icon-btn:hover:not(:disabled){background:var(--chip)}.icon-btn.danger:hover{color:var(--danger);background:#fde8e6}.skeleton{background:linear-gradient(100deg,#e7e4dd 30%,#f1efea,#e7e4dd 70%) 0 0 / 200% 100%;animation:sk 1.3s linear infinite}@keyframes sk{to{background-position:-200% 0}}.center-msg{min-height:100vh;display:grid;place-content:center;gap:14px;text-align:center;color:var(--muted)}.home{max-width:1320px;margin:0 auto;padding:0 32px}.nav{display:flex;align-items:center;gap:28px;height:76px}.nav nav{display:flex;gap:22px;margin-left:auto;font-weight:500;color:var(--ink-2)}.nav nav a:hover{color:var(--ink)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;padding:48px 0 72px}.kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:7px 12px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink-2)}.kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--hot)}.hero h1{font-family:var(--display);font-weight:800;font-size:clamp(46px,6.4vw,92px);line-height:.95;letter-spacing:-.04em;margin:0;white-space:pre-line}.lead{font-size:18px;line-height:1.55;color:var(--ink-2);max-width:520px;margin:26px 0 32px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.facts{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(2,max-content);gap:10px 26px;color:var(--ink-2);font-weight:500}.facts li{display:flex;align-items:center;gap:8px}.facts svg{color:var(--hot)}.fan{position:relative;height:560px;margin-left:40px}.fan-tile{position:absolute;top:50%;left:50%;width:216px;aspect-ratio:9 / 16;border-radius:24px;box-shadow:0 30px 60px -20px #14120a59,0 0 0 1px #0000000a;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.fan-tile.f0{transform:translate(-50%,-50%) translate(-180px,30px) rotate(-11deg)}.fan-tile.f1{transform:translate(-50%,-50%) translate(-60px,-10px) rotate(-3deg);z-index:2}.fan-tile.f2{transform:translate(-50%,-50%) translate(68px,10px) rotate(5deg);z-index:3}.fan-tile.f3{transform:translate(-50%,-50%) translate(185px,45px) rotate(12deg);z-index:1}.fan:hover .f0{transform:translate(-50%,-50%) translate(-205px,30px) rotate(-14deg)}.fan:hover .f3{transform:translate(-50%,-50%) translate(210px,45px) rotate(15deg)}.block{padding:36px 0 24px}.block-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px;flex-wrap:wrap}.block-head h2{font-family:var(--display);font-weight:800;font-size:40px;letter-spacing:-.03em;margin:0}.block-head p{margin:8px 0 0;color:var(--muted);font-size:15px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--paper);font-weight:600;color:var(--ink-2)}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.tgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.tcard{min-width:0;display:flex;flex-direction:column;gap:16px}.tcard-stage{position:relative;border:0;padding:26px 0 26px 26px;border-radius:var(--radius);background:var(--card-bg);overflow:hidden;text-align:left;transition:transform .25s ease,box-shadow .25s ease}.tcard-stage:hover{transform:translateY(-3px);box-shadow:0 24px 50px -24px #00000073}.tiles{display:flex;gap:10px;width:max-content}.tile{width:158px;aspect-ratio:9 / 16;border-radius:14px;flex:none;box-shadow:0 10px 24px -14px #00000080}.tcard-stage .tiles{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.tcard-stage:hover .tiles{transform:translate(-120px)}.tcard-cta{position:absolute;left:18px;bottom:18px;padding:10px 16px;border-radius:999px;background:#fff;color:#111;font-weight:700;font-size:13px;box-shadow:0 6px 18px #0000002e;opacity:0;transform:translateY(8px);transition:all .2s ease}.tcard-stage:hover .tcard-cta,.tcard-stage:focus-visible .tcard-cta{opacity:1;transform:none}.tcard-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:0 6px}.tcard-meta>div:first-child{min-width:0}.tcard-meta h3{margin:0;font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.02em}.tcard-meta p{margin:4px 0 0;color:var(--muted);line-height:1.45}.dots{display:flex;gap:7px;flex:none;padding-top:4px}.dot{width:22px;height:22px;border-radius:50%;border:0;padding:0;box-shadow:0 0 0 1px #0000001f}.dot.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ink)}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.pcard{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}.pcard-img{display:block;height:150px;padding:14px;overflow:hidden}.pcard-img img{height:100%;border-radius:8px}.pcard-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 10px 12px 16px}.pcard-meta a{display:grid;gap:2px;min-width:0}.pcard-meta b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard-meta span{color:var(--muted);font-size:12.5px}.foot{display:flex;align-items:center;gap:18px;padding:56px 0 48px;margin-top:48px;border-top:1px solid var(--line);color:var(--muted)}@media (max-width: 960px){.home{overflow-x:clip}.hero{grid-template-columns:1fr;padding-top:24px}.fan{height:440px;transform:scale(.82)}.tgrid{grid-template-columns:1fr}}@media (max-width: 560px){.home{padding:0 16px}.nav nav{display:none}.nav .lang{margin-left:auto}.facts{grid-template-columns:1fr}.fan{height:360px;transform:scale(.62)}.tile{width:120px}.block-head h2{font-size:32px}.tcard-meta{flex-direction:column}}.editor{height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr) 300px;grid-template-rows:58px minmax(0,1fr);grid-template-areas:"top top top" "left center right";background:#e9e7e1}.ed-top{grid-area:top;display:flex;align-items:center;gap:14px;padding:0 14px;background:var(--paper);border-bottom:1px solid var(--line)}.ed-home .logo b{font-size:18px}.ed-name{border:1px solid transparent;background:transparent;border-radius:8px;padding:6px 8px;font-weight:600;width:220px}.ed-name:hover,.ed-name:focus{border-color:var(--line-2);outline:none}.ed-top-mid{display:flex;align-items:center;gap:6px;margin:0 auto}.sep{width:1px;height:22px;background:var(--line);margin:0 6px}.lbl-inline{font-size:12px;color:var(--muted);font-weight:500;margin-right:2px}.zoom-val{border:0;background:transparent;font-weight:600;font-size:12px;min-width:46px}.ed-top-right{display:flex;align-items:center;gap:10px}.export{position:relative}.menu{position:absolute;right:0;top:calc(100% + 6px);min-width:250px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 18px 40px -16px #0000004d;z-index:10;display:grid}.menu button{border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:9px;font-weight:500}.menu button:hover{background:var(--chip)}.ed-left,.ed-right{background:var(--paper);overflow-y:auto}.ed-left{grid-area:left;border-right:1px solid var(--line)}.ed-right{grid-area:right;border-left:1px solid var(--line)}.ed-center{grid-area:center;min-width:0;min-height:0}.canvas-wrap{width:100%;height:100%;overflow:auto}.canvas-host{width:max-content}.sec{padding:16px;border-bottom:1px solid var(--line);display:grid;gap:10px}.sec h4{margin:0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hint{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}.hint.pad{padding:14px 16px 0}.add-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.add-btn{display:grid;justify-items:center;gap:6px;padding:12px 4px 10px;border-radius:12px;border:1px solid var(--line);background:var(--paper);font-size:12px;font-weight:600}.add-btn:hover{border-color:var(--ink)}.screen-list{display:grid;gap:2px}.screen-item{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:8px 10px;border-radius:9px;font-weight:500;text-align:left}.screen-item .num{font-size:11px;font-weight:700;color:var(--muted);width:20px}.screen-item:hover{background:var(--chip)}.screen-item.on{background:#e8ecff;color:var(--blue)}.screen-item.on .num{color:var(--blue)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.play-check{margin:2px 0 0;display:flex;align-items:center;gap:6px;font-size:12px;color:#127a3a;font-weight:600}.inspector{padding-bottom:24px}.insp-head{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 10px 16px;border-bottom:1px solid var(--line);min-height:54px}.insp-title{font-weight:700;font-size:15px}.insp-actions{display:flex;gap:2px}.field{width:100%;height:36px;border:1px solid var(--line-2);border-radius:9px;padding:0 10px;background:var(--paper)}.field:focus{outline:2px solid #c9d3ff;border-color:var(--blue)}.textarea{height:auto;padding:9px 10px;resize:vertical;line-height:1.4}.mini{display:grid;gap:4px}.mini span,.lbl{font-size:11.5px;color:var(--muted);font-weight:500}.slider{display:grid;gap:4px}.slider-top{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-2)}.slider-top b{font-weight:600;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--ink)}.check{display:flex;align-items:center;gap:8px;font-size:13px}.palettes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pal{display:grid;grid-template-columns:repeat(4,1fr);height:30px;padding:0;border:0;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #0000001a}.pal i{display:block}.pal.on{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--blue)}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.color-cell{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:4px;border-radius:9px;border:1px solid var(--line)}.color-cell input,.swatch input{width:26px;height:26px;padding:0;border:0;border-radius:7px;background:none;cursor:pointer}.color-cell input::-webkit-color-swatch-wrapper,.swatch input::-webkit-color-swatch-wrapper{padding:0}.color-cell input::-webkit-color-swatch,.swatch input::-webkit-color-swatch{border:1px solid rgba(0,0,0,.12);border-radius:7px}.paint{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:50%;border:0;padding:0;box-shadow:inset 0 0 0 1px #00000024;display:grid;place-items:center;overflow:hidden}.swatch.on{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--blue)}.swatch.custom{background:conic-gradient(#f43f5e,#f59e0b,#84cc16,#06b6d4,#6366f1,#d946ef,#f43f5e);cursor:pointer}.swatch.custom input{opacity:0;width:30px;height:30px}.shot-box{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center}.shot-box img,.shot-empty{width:76px;aspect-ratio:9 / 19;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.shot-empty{display:grid;place-items:center;text-align:center;font-size:9.5px;color:var(--muted);white-space:pre-line;background:repeating-linear-gradient(45deg,#f6f5f1 0,#f6f5f1 6px,#efede7 6px,#efede7 12px)}.shot-btns{display:grid;gap:6px;justify-items:start}@media (max-width: 900px){.editor{grid-template-columns:minmax(0,1fr);grid-template-rows:58px minmax(0,1fr) auto auto;grid-template-areas:"top" "center" "right" "left";height:auto;min-height:100vh}.ed-center{height:62vh}.ed-top-mid .lbl-inline,.ed-name,.ed-top .lang{display:none}}.stock-cats button{font-size:11px;padding:0 4px}.stock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stock-item{padding:0;border:0;border-radius:9px;overflow:hidden;aspect-ratio:1;background:var(--chip);transition:transform .15s ease,box-shadow .15s ease}.stock-item img{width:100%;height:100%;object-fit:cover;display:block}.stock-item:hover{transform:scale(1.04);box-shadow:0 0 0 2px var(--blue)}.link{margin-left:auto;border:0;background:none;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;padding:0}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0e0c73;display:grid;place-items:center;padding:16px;z-index:50}.modal{width:min(680px,100%);max-height:86vh;overflow:auto;background:var(--paper);border-radius:20px;padding:22px;display:grid;gap:12px;box-shadow:0 30px 80px -20px #00000073}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0;font-family:var(--display);font-size:24px}.credit-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.credit-list li{display:flex;gap:12px;align-items:center}.credit-list img{width:54px;height:54px;object-fit:cover;border-radius:8px;flex:none}.credit-list div{display:grid;gap:2px;min-width:0}.credit-list b{font-size:13px}.credit-list span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.credit-list a{text-decoration:underline}.seg.tabs{padding:4px;border-radius:999px}.seg.tabs button{height:38px;padding:0 18px;border-radius:999px;font-size:13.5px}.cat-row{margin:-6px 0 24px}.tcard-stage.feature{padding:26px}.feature-img{width:100%;aspect-ratio:1024 / 500;border-radius:14px;background-size:cover;background-position:center;box-shadow:0 14px 30px -16px #0000008c;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.tcard-stage.feature:hover .feature-img{transform:scale(1.02)}@media (max-width: 560px){.tcard-stage.feature{padding:14px}.seg.tabs button{padding:0 12px;font-size:12.5px}}
