/* Reference proportions: calm opaque panels, legible content and a deliberate grid. */
body{font-family:'Segoe UI',Arial,sans-serif;--surface101:#17191afa;--edge101:#777b785f;--text101:#f2f0e7}
body[data-theme=ink]{--scene:url('ink-flow.png');--scene-size:cover;--scene-shade:#0004;--accent:#d8f777;--panel:#171a17;--line:#6c736352}
body[data-theme] .edit-screen,body[data-theme] .vault-screen{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}
body[data-theme] .stage{--scene-shade:#080a0de8}
.edit-screen{overflow:auto;display:block;height:100dvh;color:var(--text101)}
.edit-layout.album-layout{width:calc(100% - 72px);max-width:1720px;margin:0 auto;padding:30px 0 40px;display:flex;flex-direction:column;gap:24px;overflow:visible;min-height:100%;height:auto}
.album-layout .deck-panel{background:var(--surface101)!important;border:1px solid var(--edge101);border-radius:24px;box-shadow:0 16px 42px #0007,inset 0 1px #fff1;padding:0 0 18px;overflow:visible}
.deck-panel .topbar{background:transparent;border:0;padding:16px 24px 12px;min-height:62px;gap:14px;position:static;backdrop-filter:none;border-radius:24px 24px 0 0}
.jumpa-wordmark{border:0;background:transparent;color:var(--accent);font:900 34px/1 'Trebuchet MS',Arial,sans-serif;letter-spacing:-1.7px;padding:0 20px 0 0;cursor:pointer}.deck-panel .topbar h1{font-size:16px;font-weight:500;letter-spacing:0;color:#eeeee8}.deck-panel .topbar .btn,.deck-panel .topbar .vault-scale{border:0;background:transparent;color:#ddd;font-size:14px}.deck-panel .topbar .history-tools{margin-left:auto}.deck-panel .topbar .vault-scale{width:32px;flex-shrink:0;cursor:pointer}.deck-panel .topbar .back-btn{font-size:22px;padding:5px}.deck-strip-line{display:flex;align-items:center;gap:16px;padding:0 26px 8px;min-width:0}.deck-panel .sort-list{height:118px;max-height:none;flex:1;flex-direction:row;gap:18px;padding:4px 0 8px;align-items:stretch;min-width:0;overflow-x:auto}.deck-panel .sort-row{display:block;flex:0 0 205px;height:102px;min-height:0;padding:0;overflow:hidden;border:1px solid #747873aa;border-radius:15px;background:#242927;box-shadow:inset 0 1px #ffffff26}.deck-panel .sort-row.active{border:2px solid var(--accent);background:#242927;box-shadow:0 0 0 1px #d4ed9620}.deck-select{position:absolute;inset:0;width:100%;height:100%;padding:0;display:block;isolation:isolate}.deck-select .thumb{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:linear-gradient(135deg,var(--hero1),#172523)}.deck-select .thumb img{object-fit:cover;filter:brightness(.82)}.deck-select>span:not(.deck-card-count):not(.thumb){position:absolute;bottom:0;left:0;right:0;padding:23px 12px 8px;background:linear-gradient(transparent,#111d);display:block;text-align:left}.deck-select b{font-size:15px;font-weight:600;white-space:nowrap;display:block;text-overflow:ellipsis;overflow:hidden}.deck-card-count{position:absolute;top:7px;right:7px;min-width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#161915f2;color:#e8efb5;border:1px solid #c4c9ae55;font-size:14px;font-weight:700;padding:0 5px}.deck-panel .deck-row>.drag-handle{position:absolute;left:6px;top:6px;width:26px;height:26px;border-radius:6px;background:#151719df;z-index:3;opacity:0}.deck-panel .deck-row>.icon-action{position:absolute;right:8px;bottom:5px;z-index:3;background:#17191dee;opacity:0}.deck-panel .deck-row>.deck-scale{position:absolute;left:40px;top:6px;z-index:3;background:#151719df;opacity:0}.deck-panel .deck-row:hover>.drag-handle,.deck-panel .deck-row:focus-within>.drag-handle,.deck-panel .deck-row:hover>.icon-action,.deck-panel .deck-row:focus-within>.icon-action,.deck-panel .deck-row:hover>.deck-scale,.deck-panel .deck-row:focus-within>.deck-scale{opacity:1}
.deck-add-tile{flex:0 0 124px;height:102px;border:1px dashed #b6b8aca0;background:#141616;border-radius:14px;color:#eeeee7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer}.deck-add-tile span{font-size:31px;font-weight:300;line-height:1}.deck-add-tile b{font-size:13px;font-weight:500}.deck-strip-line>.search-box{flex:0 1 290px;min-width:180px}.deck-strip-line .search-box label{font-size:0}.deck-strip-line .search-input-wrap{display:block}.deck-strip-line .search-box input{font-size:14px;padding:14px 30px 14px 17px;border-radius:26px;background:#252727;border-color:#84898388}.deck-collapse{background:#171a19;border:1px solid #7f88744d;color:var(--accent);border-radius:0 0 18px 18px;bottom:-17px;height:23px;width:64px;line-height:16px;z-index:10}.deck-panel.collapsed .deck-strip-line{display:none}.deck-panel.collapsed{padding-bottom:5px}.deck-panel.collapsed .sort-list{height:0}
.album-layout .cards-panel{overflow:visible;flex:none;min-height:0}.deck-editor{position:relative;display:flex;flex-direction:column;gap:16px}.album-toolbar{padding:0;margin:0;border:0;background:transparent}.album-toolbar .add-card-grid{width:100%;display:flex;gap:12px;padding:0;align-items:center;background:var(--surface101);border:1px solid var(--edge101);border-radius:20px;box-shadow:0 10px 28px #0004;padding:12px 20px}.album-toolbar .add-card-grid>.add-card{height:48px;min-height:48px;max-height:48px;flex:0 0 132px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:8px 15px;border:1px solid #92998b80!important;color:#ededdf!important;background:#232625;border-radius:13px}.album-toolbar .add-card span{font-size:24px;margin:0;line-height:1}.album-toolbar .add-card b{font-size:13px;font-weight:650;letter-spacing:.04em}.album-toolbar .v9-quick{min-height:48px;max-height:none;flex:1!important;margin:0!important;background:#1f2221!important;border-color:#90978680!important;border-radius:14px!important;padding:0!important;gap:0}.quick-text-button{flex:0 0 85px!important;font-size:0;min-height:46px;padding:0 12px;color:#efeee3;border-right:1px solid #858b8055!important}.quick-text-button span{font-size:13px;margin:0;font-weight:600;letter-spacing:.06em}.v9-quick textarea{font-size:15px;line-height:1.4;padding:12px 18px;color:#f0f0e9}.quick-send{width:49px;height:46px;margin:0;border-radius:12px;background:#ffa97b!important;border:0!important;box-shadow:none;flex-shrink:0}.quick-send svg{width:25px;height:25px}
.album-section{border:1px solid var(--edge101);border-radius:24px;overflow:visible;background:var(--surface101);box-shadow:0 16px 42px #0006,inset 0 1px #fff1;padding:0 24px 24px}.album-context{display:flex;align-items:center;gap:8px;margin:0 0 3px;padding:0 4px;color:#e6eadc}.album-context .deck-title-block{flex:1;display:flex;align-items:center;gap:8px}.album-context .eyebrow{display:none}.album-context h2{font-size:16px;font-weight:500;margin:0;max-width:none;color:#dbe2ce}.album-context .icon-action{width:28px;height:26px;background:#141717;border-color:#666b6155}
.album-sort{display:flex;align-items:center;gap:16px;padding:22px 0 20px;background:transparent;border:0;flex-wrap:wrap}.album-sort>div:first-child{gap:9px}.album-sort .eyebrow{font-size:30px;line-height:1.1;font-weight:700;letter-spacing:-.8px;color:#f6f1e4;text-transform:none}.album-sort .album-count{font-size:12px;color:#a8aea4}.album-sort>[data-search-box]{flex:1 1 200px;max-width:330px;margin:0 auto 0 8px}.album-sort .search-box input{padding:11px 34px 11px 17px;border:1px solid #969b8f88;border-radius:24px;background:#262827;color:#eee;font-size:14px}.album-sort-controls{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}.album-sort-controls>label{font-size:0;display:flex}.album-sort select{max-width:160px;background:#232625;border:1px solid #7b837580;color:#eceee4;border-radius:12px;font-size:13px;padding:10px}.album-sort [data-act=sortCards]{height:39px;width:37px;padding:0;background:#232625;border-color:#7b837580;font-size:20px}.album-sort .album-matrix{background:#242725;border:1px solid #9b9f9188;border-radius:13px;min-height:40px;padding:10px 17px;box-shadow:none}.album-sort .album-matrix b{font-size:14px;letter-spacing:.08em;color:#f0f1e7;text-transform:uppercase}.album-sort .album-matrix:after{opacity:.3}
.card-album{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 20px;padding:0;background:transparent}.album-card.sort-row{aspect-ratio:4/3;max-height:none;min-height:0;border:1px solid #91988b77;border-radius:15px;background:#111719;box-shadow:0 5px 14px #0003}.album-card .card-preview{bottom:42px;filter:brightness(.92);background:#101518}.album-card .card-preview img{object-fit:contain}.album-card:hover .card-preview,.album-card:focus-within .card-preview{filter:brightness(1)}.album-card .thumb-fallback{padding:18px 18px 10px}.text-preview{font-family:'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.55;color:#e8e7dd;padding-top:18px}.album-card .tile-caption{height:42px;padding:10px 12px;background:#202323;display:flex;flex-direction:row;align-items:center;gap:8px;border-top:1px solid #89908133}.tile-caption .type-badge{display:none}.tile-caption .editable-name{font-size:14px;font-weight:550;display:block;white-space:nowrap;line-height:20px}.tile-caption:before{content:'▤';font-size:17px;color:#eceee4;flex-shrink:0}.tile-number{width:34px;height:34px;font-size:16px;background:#181d19;color:#f2f0c6;border:1px solid #cad1b866;box-shadow:0 2px 5px #0006;right:9px;top:9px;font-family:inherit}.super-tile .tile-number{background:linear-gradient(130deg,#354239,#574354,#454823);color:#fff4cd}.super-tile.sort-row{border:2px solid #b9c8a2;box-shadow:0 0 0 1px #d2afe647,0 6px 18px #0006}.album-card>.card-grip,.album-card>.tile-delete{opacity:0;transition:opacity .15s}.album-card:hover>.card-grip,.album-card:focus-within>.card-grip,.album-card:hover>.tile-delete,.album-card:focus-within>.tile-delete{opacity:1}.album-card>.tile-menu{left:8px;right:auto;top:8px;background:#17201ae6;border-color:#a6ada466;opacity:.6}.album-card>.card-grip{left:46px}.album-card>.tile-delete{right:51px}.album-card .tile-actions{inset:50px 12px 52px}.card-quest{top:49px!important}.album-card .tile-action{background:#1c2423f2;border-color:#959d8b99;backdrop-filter:none}
.vault-header,.vault-content{max-width:1720px;width:calc(100% - 72px);margin:0 auto}.vault-header{margin-top:25px;padding:26px 30px;border:1px solid var(--edge101);background:var(--surface101)!important;border-radius:24px;box-shadow:0 14px 35px #0006}.vault-content{padding:26px 0 125px}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.vault-tile.sort-row,.new-vault-tile{max-width:340px}.vault-content>.search-box{max-width:650px}.vault-content>.search-box>label{font-size:15px}.vault-content>.search-box input{border-radius:23px;background:#1e2322;border-color:#89907f88;padding:13px 18px}.brand h1{font-family:'Trebuchet MS',Arial,sans-serif;color:var(--accent);font-size:50px}.brand-star{display:none}.brand{padding-left:0}
@media(min-width:2000px){.edit-layout.album-layout{padding-top:40px;gap:30px}.album-section{padding:0 28px 28px}.card-album{gap:26px}.album-card.sort-row{aspect-ratio:4/3}.deck-panel .sort-row{flex-basis:220px;height:114px}.deck-panel .sort-list{height:130px}.deck-add-tile{height:114px}}
@media(max-width:1250px){.edit-layout.album-layout,.vault-header,.vault-content{width:calc(100% - 40px)}.deck-panel .sort-row{flex-basis:180px}.deck-strip-line{gap:12px}.deck-strip-line>.search-box{flex-basis:210px;min-width:160px}.deck-add-tile{flex-basis:92px}.album-sort .eyebrow{font-size:26px}.album-sort{gap:10px}.album-sort-controls{gap:5px}.album-sort select{max-width:135px;font-size:12px}.album-sort>[data-search-box]{max-width:260px}.card-album{gap:18px 14px}.tile-caption .editable-name{font-size:13px}}
@media(max-width:1000px){.card-album{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-strip-line{flex-wrap:wrap}.deck-strip-line>.search-box{flex-basis:100%;max-width:320px;margin:0 0 0 auto}.deck-panel .topbar{flex-wrap:wrap}.deck-panel .topbar h1{min-width:140px}.album-sort>[data-search-box]{max-width:none}.album-sort-controls{margin-left:0}.album-toolbar .add-card-grid>.add-card{flex-basis:100px}.jumpa-wordmark{font-size:29px}}
@media(max-width:640px){.edit-layout.album-layout,.vault-header,.vault-content{width:calc(100% - 24px)}.edit-layout.album-layout{padding-top:12px;gap:24px}.deck-panel .topbar{padding:14px;gap:6px}.deck-panel .topbar .history-tools{margin-left:0}.deck-panel .topbar h1{font-size:14px}.deck-strip-line{padding:0 12px 6px}.deck-panel .sort-row{flex-basis:160px;height:96px}.deck-panel .sort-list{height:110px}.deck-add-tile{height:96px;flex-basis:72px}.album-toolbar .add-card-grid{padding:10px;gap:8px;flex-wrap:wrap}.album-toolbar .add-card-grid>.add-card{flex:1 1 80px}.album-toolbar .v9-quick{flex:1 0 100%!important;order:3}.album-section{padding:0 12px 14px;border-radius:20px}.album-sort{padding:16px 0;gap:10px}.album-sort .eyebrow{font-size:24px}.album-sort>[data-search-box]{flex:1 1 100%;margin:0}.album-sort select{max-width:130px}.card-album{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.album-card.sort-row{aspect-ratio:3/4}.tile-number{font-size:13px;width:29px;height:29px}.tile-caption .editable-name{font-size:12px}.album-card .tile-caption{padding:8px;height:40px}.album-card .card-preview{bottom:40px}.text-preview{font-size:12px}.album-card>.card-grip{left:7px;top:45px}.album-card>.tile-delete{right:8px;top:45px}.vault-header{padding:20px}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}}
@media(hover:none){.deck-panel .deck-row>.icon-action,.album-card>.tile-menu{opacity:1}.album-card .card-preview{filter:brightness(.92)}}