:root{--ps-ink:#1b2136;--ps-muted:#7b8296;--ps-pink:#e85a83;--ps-purple:#7051ec;--ps-line:#e9e9f2}
.ps-page{background:#f7f8fd;color:var(--ps-ink);overflow-x:clip;font-family:'DM Sans',sans-serif}.ps-page *{box-sizing:border-box}.ps-container{width:min(1440px,calc(100% - 42px));margin-inline:auto}.ps-skip{position:absolute;top:-100px;left:12px;background:#fff;padding:12px;z-index:200}.ps-skip:focus{top:5px}.ps-hero{margin-block:24px 20px;padding:34px 37px;border:1px solid #eee3f6;border-radius:25px;background:radial-gradient(circle at 81% 30%,#f4d8f2 0,transparent 34%),linear-gradient(120deg,#fff,#faf5ff 65%,#f8eefa);display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 20px 60px #5535aa0a}.ps-eyebrow{font-size:11px;font-weight:850;letter-spacing:.18em;color:#92559d}.ps-hero h1{font-size:clamp(29px,3vw,45px);line-height:1.13;letter-spacing:-.058em;margin:12px 0 10px;color:#252039}.ps-hero h1 em{font-style:normal;color:#b55390}.ps-hero p{margin:0;color:#73718a;font-size:13px;line-height:1.8;max-width:700px}.ps-hero-pills{display:flex;gap:16px;flex-wrap:wrap;margin-top:19px;color:#755c85;font-size:11px;font-weight:750}.ps-pill{appearance:none;border:0;display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:12px;padding:13px 19px;min-height:44px;font-size:12px;font-weight:850;font-family:inherit;cursor:pointer;text-decoration:none!important;white-space:nowrap;transition:filter .2s,transform .2s}.ps-pill:hover{filter:brightness(1.08);transform:translateY(-1px)}.ps-pill:disabled{opacity:.55;cursor:not-allowed}.ps-pill-primary{color:#fff!important;background:linear-gradient(115deg,#7355f4,#e65195);box-shadow:0 10px 25px #9b62dc2b}.ps-pill-secondary{background:#f0eff9;color:#54426d!important;border:1px solid #dfdaef}.ps-editor{background:#fff;border:1px solid #eae8f1;border-radius:26px;box-shadow:0 14px 48px #2b20540a;padding:23px 23px 25px}.ps-editor-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.ps-editor-title h2{font-size:23px;letter-spacing:-.05em;margin:6px 0 2px}.ps-editor-title p{color:var(--ps-muted);margin:0;font-size:12px}.ps-head-status{font-size:11px;color:#796f88;font-weight:750;white-space:nowrap}.ps-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4fc694;box-shadow:0 0 0 4px #e2f9f0;margin-right:8px}.ps-workspace{display:grid;grid-template-columns:minmax(235px,.94fr) minmax(285px,1.24fr) minmax(235px,.96fr);gap:16px;align-items:start}.ps-panel,.ps-preview-shell{background:#fcfbff;border:1px solid #ece9f3;border-radius:18px;padding:19px;min-width:0}.ps-section-heading{display:flex;gap:11px;align-items:center;margin-bottom:17px}.ps-section-number{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#efe9ff;color:#704ce4;font-weight:900;font-size:12px}.ps-section-heading h3{font-size:15px;letter-spacing:-.025em;margin:0}.ps-section-heading p{font-size:10px;color:#7c7890;margin:3px 0 0}.ps-upload{border:1.5px dashed #c9b9e9;background:#f7f3ff;border-radius:15px;min-height:111px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;text-align:center;color:#513989}.ps-upload.dragging{border-color:#7351e8;background:#efe5ff}.ps-upload-icon{font-size:25px;line-height:1;color:#9662d8}.ps-upload strong{font-size:12px}.ps-upload small{font-size:10px;color:#80768f}.ps-upload input,.ps-music-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ps-line-title{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:18px 0 10px;font-size:11px}.ps-line-title span{color:var(--ps-muted);font-size:10px}.ps-photo-list{display:grid;gap:9px;max-height:590px;overflow:auto;padding:2px 3px 3px 0;overscroll-behavior:contain}.ps-photo-item{display:grid;grid-template-columns:57px minmax(0,1fr) auto;gap:9px;align-items:start;border:1px solid #ece9f3;border-radius:12px;background:#fff;padding:8px;min-width:0}.ps-thumb{width:57px;height:64px;object-fit:cover;border-radius:8px;background:#f0e9f6}.ps-photo-details{min-width:0}.ps-photo-details strong{font-size:10px;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.ps-photo-details input{font-family:inherit;width:100%;margin-top:7px;padding:8px;border:1px solid #e9e6f1;border-radius:8px;font-size:10px;color:#36304b;min-width:0}.ps-photo-actions{display:grid;gap:4px}.ps-photo-actions button{width:25px;height:25px;border:1px solid #ebe7f3;border-radius:7px;background:#f9f7fc;cursor:pointer;font-size:12px;color:#70648b}.ps-photo-actions button:hover{background:#ede6ff}.ps-photo-actions button:disabled{opacity:.35;cursor:not-allowed}.ps-photo-actions button[data-action="remove"]{color:#c05074}.ps-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.ps-below-list{margin:12px 0}.ps-subtle{font:750 10px 'DM Sans',sans-serif;border:1px solid #e3dfeb;color:#645c78;background:#fff;padding:8px 9px;border-radius:9px;cursor:pointer}.ps-subtle:hover{background:#f2eef9}.ps-subtle:disabled{opacity:.5;cursor:default}.ps-hint{font-size:10px;color:#858096;line-height:1.7;margin:12px 0 0}.ps-center{min-width:0}.ps-preview-shell{padding:15px}.ps-preview-head,.ps-preview-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:850;color:#69627d;gap:10px}.ps-preview-head{padding:2px 2px 12px;letter-spacing:.065em}.ps-preview-head strong{background:#ede9f8;border-radius:7px;padding:6px 9px;letter-spacing:0;color:#574b75}.ps-stage{height:min(63vh,565px);min-height:295px;display:flex;align-items:center;justify-content:center;background:#28213c;border-radius:15px;position:relative;overflow:hidden}.ps-stage canvas{max-width:100%;max-height:100%;object-fit:contain;display:block;box-shadow:0 12px 37px #06041066}.ps-center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid #fff8;background:#16162999;backdrop-filter:blur(8px);border-radius:50%;color:#fff;font-size:21px;cursor:pointer}.ps-center-play[hidden]{display:none}.ps-player{display:flex;align-items:center;gap:8px;margin-top:12px}.ps-icon-btn{border:1px solid #eae7f2;background:#fff;color:#5b4d78;cursor:pointer;width:30px;height:30px;border-radius:9px;font-size:14px;flex:0 0 30px}.ps-player span{font-size:10px;color:#827c90;font-weight:750;white-space:nowrap}.ps-player input{flex:1;min-width:0;accent-color:#9262da}.ps-preview-bottom{font-size:10px;font-weight:650;color:#81798a;margin:11px 2px 14px}.ps-download-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px}.ps-download-actions button{padding-inline:8px}.ps-smallprint{font-size:10px;color:#898191;line-height:1.7;margin:11px 2px 0;text-align:center}.ps-settings .ps-field{margin:0 0 14px}.ps-settings .ps-field>label:first-child,.ps-settings .ps-range-head label{display:block;font-size:11px;color:#4f4c60;font-weight:850;margin-bottom:7px}.ps-settings label span{color:#8e8798;font-weight:500}.ps-settings select,.ps-settings input[type=text]{width:100%;height:41px;padding:0 10px;border:1px solid #e2dfeb;border-radius:10px;background:#fff;color:#29283e;font:600 11px 'DM Sans',sans-serif;outline:none}.ps-settings select:focus,.ps-settings input:focus,.ps-photo-details input:focus{border-color:#8963ec;box-shadow:0 0 0 3px #ebdfff;outline:0}.ps-range-head{display:flex;align-items:center;justify-content:space-between;margin-top:11px}.ps-range-head output{font-size:11px;color:#7a4dc8;font-weight:900}.ps-range{width:100%;accent-color:#7654d5;margin:0 0 12px}.ps-settings-divider{margin:17px 0 16px;padding-top:19px;border-top:1px solid #e8e3ee}.ps-music-upload{display:flex;align-items:center;gap:8px;background:#fff;border:1px dashed #cfc3e0;border-radius:10px;padding:11px 10px;cursor:pointer;min-height:47px;color:#6c5a83;overflow:hidden}.ps-music-upload>span:first-child{font-size:19px;color:#8e59c4}.ps-music-upload>span:nth-child(2){flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:11px;font-weight:700}.ps-vol{display:flex;align-items:center;gap:5px;font-size:10px;color:#81768e}.ps-vol input{width:73px;accent-color:#8a64e5}.ps-tip{margin-top:15px;border-radius:12px;padding:12px;background:#f5efff;color:#705887;font-size:10px;line-height:1.65}.ps-mobile-tabs{display:none}.ps-seo{margin-top:25px;margin-bottom:40px;background:#fff;border:1px solid #ebe8f1;border-radius:24px;padding:31px 35px}.ps-seo h2{font-size:25px;letter-spacing:-.035em;margin:8px 0 12px}.ps-seo p{font-size:13px;line-height:1.9;color:#727386}.ps-seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:22px 0 33px}.ps-seo-grid article{border:1px solid #ebe8f3;border-radius:13px;padding:18px;background:#faf9fd}.ps-seo-grid article span{color:#9465b6;font-size:12px;font-weight:900}.ps-seo-grid h3{font-size:14px;margin:8px 0}.ps-seo-grid p{font-size:11px;margin:0}.ps-faq{display:grid;gap:8px}.ps-faq details{border:1px solid #eeeaf3;border-radius:11px;padding:12px 16px;font-size:12px}.ps-faq summary{cursor:pointer;font-weight:800}.ps-faq p{font-size:11px}.ps-related{padding-top:15px}.ps-related a{color:#7a4add}.ps-export-overlay{position:fixed;inset:0;z-index:9999;background:#141027a8;display:grid;place-items:center;padding:20px;backdrop-filter:blur(6px)}.ps-export-overlay[hidden]{display:none}.ps-export-card{width:min(440px,100%);background:#fff;padding:32px 28px;border-radius:22px;box-shadow:0 12px 60px #0004;text-align:center}.ps-export-card h2{font-size:21px;letter-spacing:-.04em;margin:15px 0 8px}.ps-export-card p{font-size:12px;line-height:1.7;color:#7d748d}.ps-loader{display:block;margin:auto;border:4px solid #f0e9ff;border-top-color:#8f59df;border-radius:50%;width:36px;height:36px;animation:psspin 1s linear infinite}@keyframes psspin{to{transform:rotate(360deg)}}.ps-progress{height:8px;border-radius:10px;overflow:hidden;background:#efeaf6;margin-top:20px}.ps-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#7051ec,#e85889);transition:width .12s}.ps-progress-row{display:flex;justify-content:space-between;font-size:11px;margin:11px 0 22px;color:#817a92}.ps-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:11000;border-radius:10px;padding:12px 18px;background:#2c2443;color:white;box-shadow:0 12px 26px #0003;font-size:12px;max-width:90vw;text-align:center}.ps-toast:empty{display:none}
@media(max-width:1160px){.ps-workspace{grid-template-columns:minmax(230px,1fr) minmax(280px,1.18fr)}.ps-settings{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.ps-settings .ps-section-heading,.ps-settings-divider,.ps-tip{grid-column:1/-1}.ps-settings-divider{margin-top:8px}.ps-stage{height:min(63vh,520px)}}
@media(max-width:760px){.ps-container{width:min(100% - 20px,640px)}.ps-hero{padding:23px 19px;align-items:flex-start;flex-direction:column;border-radius:18px}.ps-hero h1{font-size:30px}.ps-hero-pills{gap:8px}.ps-editor{padding:13px;border-radius:16px}.ps-editor-title{margin:7px 3px 14px}.ps-editor-title h2{font-size:19px}.ps-head-status{display:none}.ps-mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:11px}.ps-mobile-tabs button{background:#f2eff9;border:1px solid #e5def1;color:#615977;font:800 11px 'DM Sans',sans-serif;padding:11px 2px;border-radius:10px;cursor:pointer}.ps-mobile-tabs button.active{background:#44345e;color:#fff;border-color:#44345e}.ps-workspace{display:block}.ps-workspace>[data-panel]{display:none}.ps-workspace[data-mobile-active="preview"]>[data-panel="preview"],.ps-workspace[data-mobile-active="photos"]>[data-panel="photos"],.ps-workspace[data-mobile-active="design"]>[data-panel="design"]{display:block}.ps-settings{display:block}.ps-panel,.ps-preview-shell{padding:12px;border-radius:13px}.ps-stage{height:min(66vh,520px);min-height:280px}.ps-photo-list{max-height:unset}.ps-download-actions{grid-template-columns:1fr 1.25fr}.ps-seo{padding:20px 17px;border-radius:17px}.ps-seo h2{font-size:21px}.ps-seo-grid{grid-template-columns:1fr}}
@media(max-width:390px){.ps-editor-title h2{font-size:17px}.ps-mobile-tabs button{font-size:10px}.ps-stage{height:min(60vh,430px)}.ps-download-actions{grid-template-columns:1fr}.ps-hero-pills{font-size:10px}}

/* InkMotion unified mobile studio – always-on preview followed by three panel tabs.
   Desktop geometry and all slideshow animation / export mechanics remain unchanged. */
.ps-settings-group{display:contents}
@media(max-width:760px){
  .ps-workspace{display:flex;flex-direction:column;gap:0;min-width:0}
  .ps-workspace>.ps-center{display:block!important;order:0;min-width:0;width:100%}
  .ps-workspace>.ps-photos{order:1;width:100%}
  .ps-workspace>.ps-settings{order:2;width:100%}
  .ps-workspace>.ps-photos,.ps-workspace>.ps-settings{display:none!important}
  .ps-workspace[data-mobile-active="photos"]>.ps-photos{display:block!important}
  .ps-workspace[data-mobile-active="design"]>.ps-settings,
  .ps-workspace[data-mobile-active="export"]>.ps-settings{display:block!important}
  .ps-workspace>.ps-center>.ps-mobile-tabs{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
    padding:7px;margin:10px 0 12px;border:1px solid #e9e6f6;
    border-radius:12px;background:#f8f7ff;
  }
  .ps-mobile-tabs button{min-width:0;padding:10px 3px;border:0;border-radius:9px;
    background:transparent;color:#7b7997;font-weight:850;font-size:11px;
    min-height:39px;white-space:nowrap}
  .ps-mobile-tabs button.active,.ps-mobile-tabs button[aria-selected="true"]{
    background:#fff;color:#6b4fc9;box-shadow:0 5px 12px #544e9b1b;border-color:transparent
  }
  .ps-settings{display:block!important}
  .ps-settings-group{display:none!important}
  .ps-workspace[data-mobile-active="design"] .ps-settings-group[data-settings-tab="design"],
  .ps-workspace[data-mobile-active="export"] .ps-settings-group[data-settings-tab="export"]{display:block!important}
  .ps-settings-divider{border-top:0;margin:0 0 17px;padding-top:0}
  .ps-stage{height:clamp(255px,52svh,430px);min-height:255px}
  .ps-preview-shell{padding:11px 11px 13px}
  .ps-photo-list{max-height:none}
}
@media(max-width:390px){
  .ps-stage{height:clamp(238px,47svh,360px);min-height:238px}
  .ps-mobile-tabs button{font-size:10px}
}
@media(min-width:761px){.ps-mobile-tabs{display:none!important}}