:root{--bg:#eef5ff;--panel:#fff;--line:#d9e4f2;--ink:#10243d;--muted:#62748a;--brand:#58a6ff;--brand2:#8cc8ff;--shadow:0 18px 45px rgba(45,91,147,.12);--radius:22px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#f8fbff,#edf5ff 50%,#f8fbff)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(217,228,242,.7)}.brand{display:flex;gap:12px;align-items:center;font-weight:800}.brandmark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 10px 20px rgba(88,166,255,.28)}nav{display:flex;gap:18px;color:var(--muted);font-size:.95rem}.headerlabel{font-size:.77rem;letter-spacing:.14em;color:#5f7e9d;font-weight:800}.layout{max-width:1550px;margin:0 auto;padding:28px}.intro{padding:12px 6px 24px}.eyebrow{font-size:.84rem;font-weight:800;letter-spacing:.1em;color:#50759a}.pill{display:inline-block;margin-left:10px;padding:6px 10px;border-radius:999px;background:#e6f3ff;color:#3a76b3}.intro h1{margin:8px 0 10px;font-size:clamp(2.4rem,6vw,4.6rem);line-height:.95}.intro h1 span{color:#3b8fff}.intro p{max-width:920px;color:#31455f;font-size:1.05rem}.privacy{display:inline-flex;margin-top:12px;padding:10px 14px;border-radius:14px;background:#eaf5ff;color:#335d84;font-weight:600}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr) 330px;gap:18px;align-items:start}.panel{background:rgba(255,255,255,.92);border:1px solid rgba(217,228,242,.85);box-shadow:var(--shadow);border-radius:var(--radius);padding:18px}.panel h2{margin:0 0 12px;font-size:1rem}.panelheading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.controls-panel,.exportpanel{position:sticky;top:88px}.primary,.subtle,.toolgrid button,.upload{border:none;border-radius:16px;padding:13px 14px;cursor:pointer;transition:.18s transform,.18s box-shadow,.18s background}.upload{width:100%;text-align:left;background:#eff7ff;color:#235b90;font-weight:700;border:1px dashed #b9d8ff}.upload small{display:block;color:#6288af;font-weight:500;margin-top:4px}.primary{background:linear-gradient(135deg,var(--brand),#77beff);color:#fff;box-shadow:0 14px 26px rgba(88,166,255,.28)}.subtle{background:#f4f8fc;color:#264769;border:1px solid #d8e5f3}.primary:hover,.subtle:hover,.toolgrid button:hover,.upload:hover{transform:translateY(-1px)}.full{width:100%}label{display:block;font-weight:700;margin:12px 0 6px}input[type=color]{width:100%;height:44px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fff}input[type=number],input[type=range],input[type=text],select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink)}textarea{resize:vertical;min-height:86px}hr{border:none;border-top:1px solid var(--line);margin:18px 0}.fieldnote,.help,.hint,.tip p{color:var(--muted)}.hint{font-size:.9rem;line-height:1.45}.fieldnote{padding:10px 12px;background:#f6f9fd;border-radius:12px;border:1px solid #e3edf8}.toolgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.toolgrid button{background:#f4f8fc;color:#2c5277;border:1px solid #d8e5f3;font-weight:700}.toolgrid button.selected{background:#e9f5ff;border-color:#94c9ff;color:#2372bb}.stagecol{display:grid;gap:18px}.canvaswrap{position:relative;min-height:520px;border-radius:22px;background:radial-gradient(circle at top,#f6faff,#edf4fb);border:1px solid #dbe7f4;overflow:hidden;display:grid;place-items:center}.canvaswrap canvas{width:100%;height:auto;max-height:min(70vh,820px);display:block;background:#fff}.empty{position:absolute;inset:20px;display:grid;place-items:center;text-align:center;border:1px dashed #bfd5eb;border-radius:18px;background:rgba(255,255,255,.75);padding:20px}.empty.hidden{display:none}.emptyicon{font-size:2.3rem;display:block;margin-bottom:10px}.transport{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;margin-top:14px}.transport input[type=range]{padding:0}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 16px}.summary div{padding:12px;border-radius:14px;background:#f6f9fd;border:1px solid #e3edf8}.summary span{display:block;color:#65809b;font-size:.82rem;margin-bottom:3px}.summary strong{font-size:1rem}.tip{margin-top:12px;padding:14px;border-radius:16px;background:#f7fbff;border:1px solid #dce8f7}.tip strong{display:block;margin-bottom:6px}.sequencelist .item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;padding:12px;border-radius:16px;border:1px solid #dbe7f4;background:#f9fbfe;margin-bottom:10px}.item.selected{border-color:#94c9ff;background:#eef7ff}.item h3{margin:0 0 5px;font-size:.96rem}.itemmeta{font-size:.85rem;color:var(--muted);line-height:1.4}.itemtools{display:flex;flex-wrap:wrap;gap:8px}.mini{padding:8px 10px;border-radius:10px;border:1px solid #dbe7f4;background:#fff;color:#335676;cursor:pointer}.mini.delete{color:#a43737}.row2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.statuspill{display:inline-block;padding:4px 8px;border-radius:999px;background:#e9f5ff;color:#2f74ae;font-size:.75rem;font-weight:700}.busy{position:fixed;inset:0;background:rgba(10,23,40,.45);display:grid;place-items:center;z-index:90}.busycard{width:min(92vw,420px);background:#fff;border-radius:24px;padding:24px;box-shadow:0 30px 60px rgba(5,25,48,.28);text-align:center}.spinner{width:44px;height:44px;margin:0 auto 14px;border-radius:50%;border:4px solid #d8e7f8;border-top-color:#58a6ff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.seo{padding:18px 6px 0}.seo h2{font-size:1.25rem}.seo p{max-width:1000px;color:#44596f;line-height:1.7}@media (max-width:1220px){.workspace{grid-template-columns:1fr}.controls-panel,.exportpanel{position:static}}@media (max-width:760px){.layout{padding:14px}.topbar{padding:12px 14px}.topbar nav{display:none}.panel{padding:14px;border-radius:18px}.canvaswrap{min-height:340px}.transport{grid-template-columns:1fr 1fr;grid-template-areas:'a b' 'c c' 'd d'}.transport button:first-child{grid-area:a}.transport button:nth-child(2){grid-area:b}.transport input{grid-area:c}.transport span{grid-area:d;text-align:right}.summary{grid-template-columns:1fr}.toolgrid{grid-template-columns:1fr 1fr}.row2{grid-template-columns:1fr}}[hidden]{display:none!important}button:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2685ea;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48;transform:none}.itemtools .mini:focus-visible{outline:3px solid #2685ea}.canvaswrap canvas{touch-action:none}.status-error{color:#a32935;border-color:#f3bac1;background:#fff3f3}.status-good{color:#17604f;border-color:#9fdfc7;background:#f2fcf6}.item .row2 input{min-width:0}.item{min-width:0}.item>div{min-width:0}.itemtools{max-width:105px}@media(max-width:680px){.sequencelist .item{grid-template-columns:1fr}.itemtools{max-width:none}}@media (max-width:760px){.topbar{flex-wrap:wrap;gap:8px}.topbar>*{min-width:0}.topbar .pk-site-search{order:4;flex:1 1 100%;width:100%}.topbar .pk-site-search input{width:100%;min-width:0}.topbar .pk-studio-navigation{margin-left:auto}.topbar .pk-studio-navigation nav{display:flex;flex-wrap:wrap;max-width:min(90vw,360px)}}.pk-studio-footer nav{flex-wrap:wrap}.pk-studio-navigation:not([open])>nav{display:none!important}@media (max-width:760px){.pk-studio-footer nav{justify-content:center;gap:10px}.pk-studio-navigation[open]>nav{flex-wrap:wrap}}