:root{--bg:#f8f7fd;--text:#25243b;--muted:#74728c;--line:#e9e6f3;--purple:#6855c7;--purple-dark:#5142a5;--lavender:#efebff;--pink:#fce7f2;--green:#2c8269;--greenbg:#e8f7f0;--amber:#a66a21;--amberbg:#fff4df;--red:#bd4a57;--redbg:#fff0f1;--radius:22px;--shadow:0 10px 38px rgba(50,42,103,.055)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 90% 7%,#f0eaff 0,transparent 33%),radial-gradient(circle at 4% 28%,#fff1f7 0,transparent 24%),var(--bg);font-family:Inter,'Segoe UI',Roboto,Arial,sans-serif;color:var(--text);line-height:1.48}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}.app-shell{max-width:1200px;padding:0 26px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:96px;gap:14px}.brand{text-decoration:none;display:flex;align-items:center;gap:13px}.brand-mark{position:relative;display:block;width:43px;height:47px;flex:none}.mark-stack{position:absolute;width:26px;height:34px;border-radius:8px;border:2px solid #fff;box-shadow:0 3px 10px #5a4baa18}.mark-stack.a{background:#d9cffe;left:4px;top:9px;transform:rotate(-16deg)}.mark-stack.b{background:#f2bfda;left:10px;top:5px;transform:rotate(7deg)}.mark-stack.c{background:#a69aef;left:14px;top:8px;transform:rotate(16deg)}.mark-heart{position:absolute;top:17px;left:23px;color:#fff;font-size:17px}.brand-words{display:flex;flex-direction:column;line-height:1.2}.brand-words strong{font-size:26px;letter-spacing:-1.4px;font-weight:850}.brand-dot{color:#ad85e6}.brand-words small{font-size:9px;color:#9290a4;letter-spacing:1.2px;font-weight:800;margin-top:4px}.version{color:#9b83dc}.top-right{display:flex;align-items:center;gap:11px}.privacy-badge,.preview-live{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#64766d;background:#ebf6ef;border-radius:50px;padding:9px 14px;font-weight:650;white-space:nowrap}.live-dot,.preview-live i{width:7px;height:7px;background:#58b78b;display:inline-block;border-radius:50%}.install-button{border:1px solid #cfc7f7;border-radius:12px;color:var(--purple-dark);background:#fff;padding:9px 12px;font-weight:700}.main-nav{display:flex;gap:7px;border-bottom:1px solid #e8e4f0;margin-bottom:30px;overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-button{border:0;border-bottom:3px solid transparent;background:transparent;color:#89859f;font-size:13px;font-weight:750;padding:15px 18px;white-space:nowrap;transition:.15s}.nav-button:hover{color:var(--purple)}.nav-button.active{border-color:var(--purple);color:var(--purple)}.nav-icon{font-size:18px;vertical-align:-1px;margin-right:7px}.nav-counter{display:inline-block;padding:1px 7px;border-radius:30px;font-size:11px;color:#715bb9;background:#eeeaff}.page-intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#977add;font-weight:850}.page-intro h1{font-size:clamp(29px,4vw,43px);margin:6px 0 10px;letter-spacing:-1.5px;font-weight:850;line-height:1.1}.accent{color:#c17cc3}.page-intro p{color:var(--muted);max-width:700px;font-size:14px;margin:0}.intro-stars{position:relative;font-size:68px;line-height:1;color:#e7defd;margin-right:45px;transform:rotate(15deg)}.intro-stars span{position:absolute;top:-10px;right:-30px;color:#f3cae1;font-size:42px}.intro-stars i{position:absolute;bottom:-8px;left:-20px;color:#cab9fd;font-size:30px;font-style:normal}.check-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:20px;align-items:start}.form-column{display:grid;gap:17px}.panel{background:#fff;border:1px solid #ede9f5;border-radius:var(--radius);box-shadow:var(--shadow)}.section-panel{padding:23px}.panel-heading{display:flex;align-items:center;gap:13px;margin-bottom:21px}.step-num{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:13px;color:var(--purple);font-weight:850;background:#eeecff;flex:none}.step-num.lavender{background:#f0e9ff;color:#9665c2}.step-num.peach{background:#fff0e9;color:#ce8572}.panel h2{font-size:17px;letter-spacing:-.35px;line-height:1.3;margin:0;font-weight:800}.panel h3{font-size:14px;margin:0}.panel-heading p,.album-top p{margin:2px 0 0;color:#9994a8;font-size:12px}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.preset{background:#faf9fd;color:#817d96;border:1.5px solid #ebe8f5;border-radius:14px;min-height:81px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px 4px;gap:2px;transition:.15s}.preset span{font-size:11px;font-weight:700}.preset strong{font-size:16px;color:var(--text);letter-spacing:-.5px}.preset small{color:#a5a0b5;font-size:10px}.preset:hover{border-color:#ab9fe4}.preset.active{background:#f4f0ff;border-color:#8e7add;box-shadow:0 0 0 2px #efebff}.preset.active span,.preset.active strong{color:#5946b3}.dim-row{display:flex;gap:12px;align-items:end}.dim-row label{min-width:0;flex:1;font-size:11px;font-weight:700;color:#8a849b}.dim-row input,.one-field input,.save-row input{outline:0;display:block;width:100%;border-radius:12px;border:1.5px solid #e9e5f1;color:#36324b;background:#fff;font-size:16px;font-weight:700;padding:12px 13px;margin-top:6px;transition:.15s}.dim-row input:focus,.one-field input:focus,.save-row input:focus{border-color:#aa99e9;box-shadow:0 0 0 3px #e9e3ff}.multiply{color:#b0abc1;font-size:17px;font-weight:700;padding-bottom:13px}.sleeve-block{padding:0 0 19px}.sleeve-block.second{border-top:1px solid #f0eef5;padding:18px 0 6px}.block-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.block-title strong{font-size:13px}.block-title small{display:block;color:#aaa5b7;font-size:11px;margin-top:3px}.switch{position:relative;display:flex;width:44px;height:26px;flex:none}.switch input{opacity:0;position:absolute}.switch span{background:#d4d0de;border-radius:50px;width:100%;height:100%;transition:.2s}.switch span:before{position:absolute;content:'';height:20px;width:20px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 4px #0002;transition:.2s}.switch input:checked+span{background:#8876d8}.switch input:checked+span:before{transform:translateX(18px)}.switch input:focus-visible+span{outline:3px solid #c1b4fc}.sleeve-inputs.disabled{opacity:.36;pointer-events:none}.details-advanced{margin-top:17px;border-top:1px solid #f1eef8;padding-top:13px}.details-advanced summary{list-style:none;font-weight:700;color:#7764bb;font-size:12px;cursor:pointer}.details-advanced summary::-webkit-details-marker{display:none}.details-advanced summary span{float:right}.details-advanced p{font-size:12px;color:var(--muted)}.one-field{display:block;font-size:12px;font-weight:700;color:#827d95;margin-top:13px}.one-field input{font-weight:600;font-size:14px}.info-note{display:flex;gap:9px;background:#f8f6ff;color:#817895;border-radius:13px;font-size:11px;line-height:1.6;padding:13px 14px;margin-top:17px}.info-note span{color:#987ad7;font-size:17px;font-weight:700;line-height:1}.result-panel{padding:25px;position:sticky;top:12px}.result-topline{display:flex;justify-content:space-between;align-items:center;gap:10px}.preview-live{background:#f0f8f3;font-size:10px;padding:6px 9px}.fit-status{display:flex;gap:12px;align-items:center;background:var(--greenbg);border-radius:16px;padding:15px;margin-top:18px}.fit-status.is-tight{background:var(--amberbg)}.fit-status.is-bad{background:var(--redbg)}.fit-status.is-invalid{background:#f1f0f6}.status-emoji{background:#d3f0df;color:var(--green);border-radius:10px;font-weight:900;font-size:21px;min-width:39px;width:39px;height:39px;display:flex;align-items:center;justify-content:center}.is-tight .status-emoji{background:#ffe6b7;color:var(--amber)}.is-bad .status-emoji{background:#ffdade;color:var(--red)}.is-invalid .status-emoji{background:#e6e4ed;color:#848095}.fit-status strong{font-size:14px;display:block}.fit-status small{font-size:11px;color:#79798c;display:block;margin-top:3px}.diagram-wrap{background:linear-gradient(160deg,#faf8ff,#fbfaff);border-radius:19px;margin-top:17px;padding:16px 18px 13px;overflow:hidden}.preview-caption{font-size:11px;color:#928aa5;font-weight:700}.diagram{position:relative;height:308px;max-width:100%;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#e6e1f2 1px,transparent 1px);background-size:18px 18px;border-radius:12px;overflow:hidden;margin-top:5px}.diagram-placeholder{font-size:12px;color:#aaa1bd}.shape{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #0002;border-radius:6px;box-shadow:0 3px 12px #24223c14}.shape.pocket{background:#f7dcebbd;border-color:#e2a9c8}.shape.outer{background:#e7e0ffd6;border-color:#ad97e2}.shape.inner{background:#d1e6f4cd;border-color:#81b2d2}.shape.card{background:linear-gradient(140deg,#8170d9,#b08bdd);border:2px solid #fff;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden}.shape.card .card-flower{font-size:26px;line-height:1}.shape.card span{font-size:10px;font-weight:850;letter-spacing:1px}.diagram-ruler{text-align:center;font-size:10px;color:#aaa2b8;margin-top:8px}.legend{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:15px 0 20px}.legend span{display:flex;align-items:center;gap:5px;color:#857d9b;font-size:10px;font-weight:700}.legend-chip{width:10px;height:10px;border-radius:3px;display:inline-block}.legend-chip.pocket{background:#f2cfdf;border:1px solid #e2a9c8}.legend-chip.outer{background:#ddd1fb;border:1px solid #ad97e2}.legend-chip.inner{background:#c7e2f5;border:1px solid #81b2d2}.legend-chip.card{background:#8d7bdb}.steps-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #f0edf6;padding-top:16px}.hint-small{font-size:10px;color:#aaa2b7}.fit-steps{margin-top:11px;display:grid;gap:9px}.fit-step{border:1px solid #f0edf6;border-radius:13px;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;gap:14px}.step-info{min-width:0}.step-info strong{font-size:12px;display:block}.step-info small{display:block;font-size:10px;color:#9c95a9;margin-top:2px}.step-result{text-align:right;flex:none;font-size:11px;font-weight:800;color:var(--green)}.step-result.tight{color:var(--amber)}.step-result.bad{color:var(--red)}.step-result small{color:#aaa5b2;font-size:10px;font-weight:500;display:block;margin-top:2px}.disclaimer{color:#8c859c;font-size:11px;line-height:1.6;background:#faf9fe;padding:13px 14px;border-radius:13px;margin-top:16px}.disclaimer strong{color:#6e648a}.save-actions{border-top:1px solid #f0edf6;margin-top:18px;padding-top:17px}.save-label{display:block;font-size:11px;color:#807a98;font-weight:800}.save-row{display:flex;gap:8px;align-items:stretch}.save-row input{margin-top:6px;min-width:0;flex:1;font-size:13px;font-weight:500}.primary-button{border:0;border-radius:12px;background:var(--purple);color:white;font-size:12px;font-weight:800;padding:12px 15px;box-shadow:0 5px 13px #6553b926;white-space:nowrap}.primary-button:hover{background:var(--purple-dark)}.text-button{background:none;border:0;color:var(--purple);font-size:12px;font-weight:700;padding:8px 0;text-decoration:none}.save-actions>.text-button{margin-top:6px}.hidden{display:none!important}.album-layout,.saved-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.7fr);gap:20px;align-items:start}.album-panel,.editor-panel,.saved-panel,.backup-panel{padding:24px}.album-top,.list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.count-pill{border-radius:50px;padding:7px 11px;color:#735bc0;background:#f3efff;font-size:12px;font-weight:850}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;background:linear-gradient(140deg,#f0edf9,#ede9f7);padding:19px;border:1px solid #e4ddec;border-radius:23px;box-shadow:inset 0 3px 9px #7766a712}.album-cell{border:2px solid #ffffffb9;background:#fcfbff;border-radius:10px;aspect-ratio:.74;min-width:0;padding:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:.18s}.album-cell:hover{transform:translateY(-2px)}.album-cell.selected{outline:3px solid #9177dc;outline-offset:2px}.album-cell .cell-pic{width:100%;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f5f1fc;overflow:hidden;position:relative}.album-cell img{width:100%;height:100%;object-fit:cover}.album-cell .empty-symbol{font-size:24px;color:#d1c5e9}.album-cell .empty-label{font-size:10px;color:#b2a8c3;margin-top:6px}.album-cell .cell-name{font-size:10px;font-weight:800;color:#716780;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;margin-top:5px}.album-cell .cell-warning{position:absolute;right:4px;top:4px;background:#fff0dc;color:#a36525;border-radius:6px;font-size:12px;font-weight:800;padding:2px 4px}.album-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.secondary-button{border:1px solid #e4dcf6;background:#f9f7ff;border-radius:12px;color:#6f59b2;font-size:12px;font-weight:800;padding:11px 15px}.secondary-button:hover{background:#f0ebff}.editor-panel{position:sticky;top:12px}.editor-panel>h2{margin-top:8px}.editor-panel>p,.backup-panel>p{font-size:12px;color:#8a849c;line-height:1.7}.editor-panel .one-field{margin-top:14px}.photo-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:13px;border:2px dashed #c9b8eb;background:#faf7ff;padding:17px;margin:16px 0 0;color:#7056b8;font-weight:800;font-size:12px;cursor:pointer}.photo-action small{font-size:10px;color:#a39bb4;font-weight:500}.visually-hidden{position:absolute!important;opacity:0!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.slot-fit-note{font-size:12px;color:var(--green);background:#eef8f1;padding:11px;border-radius:10px;margin-top:15px}.slot-fit-note.bad{background:var(--redbg);color:var(--red)}.editor-buttons{display:flex;gap:8px;margin-top:14px}.editor-buttons>*{flex:1}.reorder-buttons{display:flex;justify-content:space-between;gap:8px;margin-top:10px;flex-wrap:wrap}.saved-layout{grid-template-columns:minmax(0,1.12fr) minmax(290px,.65fr)}.saved-list{display:grid;gap:11px}.saved-item{padding:14px 15px;border-radius:14px;border:1px solid #eeeaf6;display:flex;justify-content:space-between;align-items:center;gap:16px}.saved-item strong{font-size:13px;display:block}.saved-item small{font-size:11px;color:#9590a5;display:block;margin-top:4px}.saved-item .saved-actions{display:flex;gap:8px}.saved-item button{font-size:11px;border-radius:10px;padding:8px 10px;border:1px solid #e8e2f3;color:var(--purple);background:#fff;font-weight:750}.saved-item .remove-saved{color:#ad5b65}.empty-state{color:#8f899f;font-size:13px;text-align:center;padding:44px 12px;border:2px dashed #f0ecf7;border-radius:15px}.backup-panel{position:sticky;top:12px}.backup-actions{display:grid;gap:9px;margin-top:18px}.wide{width:100%;text-align:center}.import-label{display:block;cursor:pointer}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e9e5f1;margin-top:60px;padding:28px 0 38px;color:#747088;font-weight:850;font-size:15px;flex-wrap:wrap}.footer small{font-size:11px;font-weight:500;color:#a19bb2}.footer>div:last-child{font-size:11px;font-weight:500}.footer-link{border:0;background:none;color:#7460ba;font-size:inherit;cursor:pointer;text-decoration:underline}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);opacity:0;pointer-events:none;z-index:20;background:#36304d;color:#fff;font-size:12px;font-weight:600;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:12px;box-shadow:0 12px 35px #2d284b35;transition:.18s}.toast.show{opacity:1;transform:translate(-50%,0)}.about-dialog{border:0;border-radius:18px;padding:24px;width:min(470px,calc(100vw - 36px));box-shadow:0 18px 50px #24223c35;color:var(--text)}.about-dialog::backdrop{background:#26203880}.about-dialog p{font-size:13px;color:#7d778d;line-height:1.7}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0;font-size:19px}.icon-close{border:0;background:#f1eef8;border-radius:9px;font-size:23px;width:34px;height:34px;color:#726b85}.about-dialog .primary-button{margin-top:8px}@media(max-width:900px){.check-layout,.album-layout,.saved-layout{grid-template-columns:minmax(0,1fr)}.result-panel,.editor-panel,.backup-panel{position:static}.result-column{order:0}.album-layout{gap:15px}.intro-stars{margin-right:12px}.app-shell{padding:0 19px}}@media(max-width:550px){body{background:#faf9fe}.app-shell{padding:0 14px}.topbar{min-height:75px}.brand-words strong{font-size:23px}.brand-words small{font-size:8px;letter-spacing:.8px}.privacy-badge{font-size:0;padding:10px}.live-dot{width:8px;height:8px}.main-nav{margin-bottom:24px;margin-left:-14px;margin-right:-14px;padding-left:8px;padding-right:8px}.nav-button{font-size:12px;padding:12px 11px}.nav-icon{font-size:15px;margin-right:4px}.page-intro{margin-bottom:19px}.page-intro h1{font-size:30px}.page-intro p{font-size:12px}.intro-stars{display:none}.panel{border-radius:19px}.section-panel,.result-panel,.album-panel,.editor-panel,.saved-panel,.backup-panel{padding:17px}.preset strong{font-size:14px}.preset-grid{gap:6px}.preset{min-height:76px}.fit-status{padding:11px}.fit-status strong{font-size:12px}.fit-status small{font-size:10px}.diagram{height:280px}.diagram-wrap{padding:12px}.legend{gap:8px}.save-row{flex-wrap:wrap}.save-row .primary-button{width:100%;margin-top:2px}.album-grid{gap:7px;padding:10px;border-radius:14px}.album-cell{padding:4px}.album-cell .cell-name{font-size:8px}.footer{margin-top:36px;padding:22px 0 35px}.saved-item{align-items:start;flex-wrap:wrap}.saved-item .saved-actions{width:100%}.saved-item button{flex:1}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}