:root{--navy:#1b3045;--ink:#213347;--muted:#627180;--line:#dce2e7;--blue:#edf3f8;--gold:#b17a33;--paper:#fff; font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.button{border:1px solid var(--line);background:white;color:var(--ink);padding:12px 16px;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .18s,transform .18s}button:hover,.button:hover{background:#eaf0f5}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}.primary{background:var(--navy);color:white;border-color:var(--navy)}.primary:hover{background:#304d68}.secondary{background:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c39646;outline-offset:3px}[hidden]{display:none!important}.preview-banner{background:var(--navy);color:#fff;text-align:center;padding:9px 20px;font-size:11px;letter-spacing:1.5px}.preview-banner span{letter-spacing:.15px;font-size:12px;opacity:.75;margin-left:20px}header{max-width:1440px;margin:auto;min-height:99px;display:flex;align-items:center;justify-content:space-between;padding:22px 5%;gap:28px}.brand{font:700 31px Georgia,serif;text-decoration:none;letter-spacing:-1.4px;display:flex;align-items:baseline;gap:12px}.brand span{font:12px Arial,sans-serif;letter-spacing:1px;font-weight:500;color:var(--muted)}nav{display:flex;gap:31px;align-self:stretch;align-items:center}nav a{text-decoration:none;font-size:14px;position:relative;padding:12px 0;color:var(--muted)}nav a[aria-current=page]{color:var(--ink)}nav a[aria-current=page]:after{content:'';height:2px;position:absolute;bottom:3px;left:0;right:0;background:var(--gold)}.bag{border:0;background:transparent}.bag span{display:grid;place-items:center;border-radius:50%;background:#e9eef3;width:23px;height:23px}main{min-height:65vh}.page{max-width:1440px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:590px;background:#f0f4f7;margin:0 -0px;border-radius:2px;overflow:hidden}.hero-copy{padding:64px 20px 48px 55px;z-index:2}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:700;line-height:1.6;color:#80602f;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(42px,4.9vw,70px)/1.06 Georgia,serif;letter-spacing:-2.5px;margin-bottom:26px}h1 em{font-weight:normal;color:#806333}h2{font:normal 34px/1.15 Georgia,serif;letter-spacing:-.7px}.intro{font-size:16px;line-height:1.8;color:#566675;max-width:590px}.hero .primary{padding:16px 24px;margin-top:13px}.hero-note{font-size:12px;margin:19px 0 0;color:var(--muted)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#e0e8ef,transparent 70%);padding:44px 70px 60px}.vertical-note{position:absolute;right:17px;top:95px;writing-mode:vertical-rl;letter-spacing:3px;font-size:10px;color:#7e8a95}.tile-preview{position:relative;width:280px;max-width:72%;isolation:isolate}.tile-surface{position:relative;width:100%;aspect-ratio:140/210;box-shadow:12px 18px 25px #1b304526;border-radius:3px 14px 14px 3px;background:#dce1e6;touch-action:none}.tile-template{width:100%;height:100%;object-fit:cover}.tile-print,.notebook-fixed-band{position:absolute;inset:0;width:100%;height:100%}.tile-print{z-index:1;touch-action:none}.notebook-fixed-band{z-index:2;pointer-events:none}#hero-notebook{width:270px;transform:rotate(-8deg);max-width:90%;margin-top:-18px}#hero-notebook .tile-print{pointer-events:none}.hero-stamp{position:absolute;right:24px;bottom:72px;background:#fff;padding:18px 22px;transform:rotate(7deg);font:italic 19px/1.3 Georgia,serif;box-shadow:0 5px 15px #23344812}.hero-stamp strong{font-style:normal;font-size:17px}.pull-note{position:absolute;bottom:20px;left:30px;font:italic 16px/1.5 Georgia,serif;color:var(--muted)}.pull-note span{font:12px Arial,sans-serif}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 8px;border-bottom:1px solid var(--line);gap:20px;font-size:13px}.benefits b{color:var(--gold);margin-right:16px;font-size:11px;font-weight:400}.story-strip{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:75px 55px}.story-strip p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8}.text-link{background:none;border:0;border-bottom:1px solid #b8a88d;border-radius:0;display:inline-block;padding:0 0 4px;text-decoration:none;font-size:14px;font-weight:600}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:35px 0 28px;gap:20px}.section-heading h1{font-size:45px;margin-bottom:13px}.section-heading .eyebrow{margin-bottom:10px}.section-heading p:last-child{color:var(--muted);font-size:15px;margin:0}.designer{display:grid;grid-template-columns:360px 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:60px}.control-panel{padding:25px;border-right:1px solid var(--line);background:#fff;min-width:0}.design-select{padding-bottom:22px}.row{display:flex;gap:8px;align-items:center}.row>*{flex:1;min-width:0}.row button{padding:10px 8px;font-size:12px}.design-select .row{margin-top:8px}.steps{display:flex;margin:0 -25px 24px;border-block:1px solid var(--line)}.steps button{border:0;border-radius:0;font-size:12px;padding:16px 0;flex:1;color:var(--muted);background:#f7f9fb}.steps button[aria-selected=true]{box-shadow:inset 0 -3px var(--navy);color:var(--ink);background:white}.step-panel h2{font-size:25px;margin-bottom:10px}.step-panel p{line-height:1.6;font-size:14px}.muted{color:var(--muted)}label{font-size:13px;font-weight:600;display:block;margin:14px 0 8px}input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea{width:100%;padding:11px 12px;color:var(--ink);background:white;border:1px solid #cdd6df;border-radius:4px;font-size:14px}textarea{resize:vertical}input[type=color]{width:100%;height:40px;border:1px solid var(--line);padding:4px;background:white;border-radius:4px}input[type=range]{width:100%;accent-color:var(--navy)}.label-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.label-row span{font-size:12px;color:var(--muted)}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:5px 0 22px}.swatches button{height:26px;width:26px;padding:0;border-radius:50%;background:var(--swatch);border:1px solid #0002;outline-offset:3px}.swatches button[aria-pressed=true]{outline:2px solid var(--navy)}.specs{display:flex;flex-direction:column;gap:9px;font-size:13px;border-top:1px solid var(--line);padding:20px 0;color:var(--muted)}.wide{width:100%;margin-top:15px}.save-status{font-size:12px;color:#4e7164;margin-top:23px;margin-bottom:0}.preview-panel{background:#f1f4f7;text-align:center;min-width:0;padding:22px 30px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.toggle{font-size:12px;font-weight:400;letter-spacing:0;margin:0}.preview-stage{min-height:470px;display:flex;justify-content:center;align-items:center;padding:25px 50px 30px;overflow:hidden}.preview-stage .tile-preview{width:265px}.preview-caption{font-size:13px;margin:0 0 10px;color:var(--muted)}.small{font-size:12px!important;line-height:1.6}.preview-panel>.small{margin-top:15px}.purchase-bar{border-top:1px solid #d5dfe6;display:flex;align-items:center;gap:20px;text-align:left;padding-top:23px;margin-top:22px}.purchase-bar>div{flex:1}.purchase-bar strong{font-size:15px}.purchase-bar span{display:block;font-size:12px;color:var(--muted);margin-top:8px}.quantity{width:70px;margin:0;font-size:11px}.quantity input{margin-top:5px;padding:8px!important}.purchase-bar button{padding:13px 15px;font-size:12px}.pricing{text-align:left;margin:20px 0 0;font-size:12px}.pricing summary{cursor:pointer}.pricing #price-tiers{display:grid;grid-template-columns:repeat(6,1fr);padding-top:15px;gap:8px}.tier{border:1px solid #ccd6df;border-radius:4px;padding:8px;text-align:center;line-height:1.8}.upload{margin:0;position:relative;overflow:hidden;font-size:13px}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.frames{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.frames button{display:flex;flex-direction:column;gap:8px;padding:9px;font-size:12px}.frames button[aria-pressed=true]{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}.frame-sample{width:100%;height:58px;display:grid;place-items:center;background:#f8f7f2;font:italic 17px Georgia,serif;border:1px solid #ece6d9}.frame-sample img{height:100%;width:100%;object-fit:fill}.frame-sample.line{outline:1px solid #b49755;outline-offset:-7px}.frame-sample.double{outline:3px double #b49755;outline-offset:-7px}#layers{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}#layers button{font-size:12px;padding:7px 10px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#layers button[aria-pressed=true]{background:var(--navy);color:white}.text-page{padding-top:65px;padding-bottom:70px}.text-page h1{font-size:64px;max-width:780px}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin:60px 0 30px}.editorial p{line-height:1.85;color:var(--muted);font-size:16px}.editorial h2{margin-top:35px}.editorial h2:first-child{margin-top:0}blockquote{background:var(--blue);padding:70px 35px;font:italic 36px/1.4 Georgia,serif;margin:0;align-self:start}cite{display:block;font:13px Arial,sans-serif;margin-top:30px;color:var(--muted)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:65px 0 40px}.process-grid article{border-top:1px solid var(--line);padding-top:25px}.process-grid span{font-size:11px;letter-spacing:2px;color:var(--gold)}.process-grid h2{font-size:27px;margin:25px 0 15px}.process-grid p{font-size:15px;line-height:1.8;color:var(--muted)}.making-note{background:var(--blue);padding:22px 26px;margin:30px 0}.making-note p{font-size:14px;margin:10px 0 0;line-height:1.7}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1440px;margin:auto}footer .brand{font-size:25px}footer p,footer>span{font-size:12px;color:var(--muted);margin:0}dialog{border:0;border-radius:12px;padding:30px;max-width:740px;width:calc(100% - 30px);color:var(--ink);box-shadow:0 25px 100px #13253755}dialog::backdrop{background:#10233599;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:start}.dialog-header h2{margin-bottom:15px}.dialog-header .eyebrow{margin-bottom:8px}.dialog-header button{border:0}.review-item{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:20px;border-top:1px solid var(--line);padding:18px 0}.review-item img{width:62px;border-radius:3px}.review-item h3{font-size:15px;margin-bottom:6px}.review-item p{font-size:13px;color:var(--muted);margin-bottom:8px}.review-item button{font-size:12px;padding:5px 10px}.review-total{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:20px;font-size:20px}.review-total small{font-size:12px;display:block;color:var(--muted);margin-top:8px}.notice{background:#f2f5f7;padding:15px;line-height:1.6;font-size:13px;margin:22px 0}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;z-index:20;border-radius:7px;padding:13px 22px;max-width:90%;font-size:14px;opacity:0;pointer-events:none}#toast.visible{opacity:1}
@media(min-width:1500px){.hero{min-height:650px}.hero-copy{padding-top:80px}#hero-notebook{width:310px}}
@media(max-width:1050px){header{gap:15px}nav{gap:20px}.brand{font-size:27px}.brand span{display:none}.hero-copy{padding:45px 25px}.hero-visual{padding:35px 50px}.hero-stamp{right:10px;bottom:80px}.designer{grid-template-columns:320px 1fr}.control-panel{padding:20px}.steps{margin-inline:-20px}.preview-panel{padding:20px}.purchase-bar{flex-wrap:wrap}.purchase-bar>div{min-width:50%}.purchase-bar>button{flex:1}.preview-stage{padding-inline:20px}.story-strip{padding-inline:15px;gap:45px}.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.preview-banner span{display:block;margin:4px 0 0;font-size:10px}header{flex-wrap:wrap;padding:20px 6% 8px;gap:14px}.brand{font-size:28px}.brand span{display:block}nav{order:3;width:100%;justify-content:space-between;gap:8px;overflow-x:auto}nav a{font-size:12px;white-space:nowrap}.bag{padding:5px}.page{padding-inline:5%}.hero{display:flex;flex-direction:column}.hero-copy{padding:36px 26px 20px}h1{font-size:48px;letter-spacing:-1.7px}.hero .intro{font-size:15px}.hero-note{font-size:11px;line-height:1.6}.hero-visual{min-height:420px;padding:25px 65px 50px}#hero-notebook{width:220px;margin-top:0}.hero-stamp{right:25px;bottom:50px;font-size:17px}.vertical-note{top:55px}.pull-note{left:25px;bottom:15px}.benefits{grid-template-columns:1fr 1fr;gap:18px 8px;font-size:11px}.benefits b{margin-right:7px}.story-strip{grid-template-columns:1fr;padding:40px 10px;gap:15px}.section-heading{padding:28px 0;display:block}.section-heading h1{font-size:37px}.section-heading>button{margin-top:20px}.designer{display:flex;flex-direction:column;overflow:visible}.control-panel{border-right:0;order:2}.preview-panel{border-radius:8px 8px 0 0;order:1;padding:18px}.preview-stage{min-height:345px;padding:25px 20px}.preview-stage .tile-preview{width:190px}.preview-toolbar{font-size:9px}.preview-caption{font-size:11px}.purchase-bar{gap:12px;padding-top:15px;margin-top:16px}.purchase-bar>div{min-width:40%}.purchase-bar>button{flex:none}.purchase-bar strong{font-size:14px}.pricing #price-tiers{grid-template-columns:repeat(3,1fr)}.swatches{grid-template-columns:repeat(8,1fr)}.text-page{padding-top:35px}.text-page h1{font-size:45px}.editorial{grid-template-columns:1fr;gap:35px;margin-top:35px}blockquote{padding:35px 25px;font-size:30px}.process-grid{grid-template-columns:1fr;gap:20px;margin-top:35px}.process-grid h2{margin-top:15px}footer{flex-direction:column;text-align:center;gap:15px}.review-item{gap:12px}dialog{padding:22px}.review-total{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.border-sides{padding:12px;border:1px solid var(--line);border-radius:6px;margin:20px 0 12px}.border-sides legend{font-size:14px;font-weight:600}.border-sides>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.border-sides label{display:flex;gap:8px;align-items:center;margin:0;padding:6px;font-size:14px}.border-sides input{width:18px;height:18px;accent-color:var(--navy)}.border-sides p{margin:8px 0 0}.print-size{font-size:12px!important;line-height:1.7!important;color:var(--muted)}#frames{max-height:395px;overflow:auto;padding:3px;margin-top:12px;overscroll-behavior:contain}.frame-sample{height:90px}.frame-sample img{object-fit:contain;width:100%;height:100%}.custom-library{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.custom-library h3{font:24px Georgia,serif}.custom-frame-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.custom-frame-row>button:first-child{justify-content:flex-start;text-align:left;overflow-wrap:anywhere}.custom-frame-row img{height:55px;width:36px;object-fit:contain}.custom-frame-row [aria-pressed=true]{outline:2px solid var(--navy)}.border-builder header{padding:0;margin:0 0 20px;min-height:0;align-items:center}.border-builder header h2{font-size:28px;margin:0}.border-builder footer{padding:16px 0 0}.border-builder .border-builder-controls label{font-size:14px}.border-builder .border-builder-preview canvas{height:auto;max-height:470px;object-fit:contain}.border-builder .border-builder-preview-wrap{top:10px}.upload-frame-preview{display:block;width:195px;max-height:300px;object-fit:contain;margin:15px auto;background:repeating-conic-gradient(#e4e8ec 0% 25%,white 0% 50%) 0 0/14px 14px}.frame-upload-actions{margin:16px 0}.preview-panel{align-self:start;position:sticky;top:0}.designer{overflow:clip}.border-builder-versions{display:none!important}@media(max-width:720px){.preview-panel{position:static;align-self:stretch}.border-builder .border-builder-preview canvas{max-height:260px}.border-builder header{flex-wrap:nowrap}.border-builder .border-builder-preview-wrap{position:static}#frames{max-height:330px}}
#frames .frame-sample{overflow:hidden;min-height:0;flex:none}#frames .frame-sample img{max-height:90px;display:block}#frames button{min-width:0} .designer{background:#f1f4f7}.control-panel{align-self:stretch}
.border-builder footer{position:sticky;bottom:-22px;background:white;z-index:2;padding:14px 0;margin-top:20px}.border-builder footer button{font-size:14px}@media(max-width:640px){.border-builder footer{bottom:-14px;flex-direction:row}.border-builder footer button{flex:1}}
.image-handles{position:absolute;z-index:5;border:0;outline:1.5px solid #258ed0;cursor:move;touch-action:none;outline-offset:0}.image-handle{position:absolute;width:17px;height:17px;min-width:0;padding:0;border:2px solid #258ed0;background:white;border-radius:3px;touch-action:none;transform:translate(-50%,-50%)}.image-handle:before{content:'';position:absolute;inset:-8px}.image-handle.nw{left:0;top:0;cursor:nwse-resize}.image-handle.ne{left:100%;top:0;cursor:nesw-resize}.image-handle.sw{left:0;top:100%;cursor:nesw-resize}.image-handle.se{left:100%;top:100%;cursor:nwse-resize}.image-rotate{position:absolute;left:50%;top:-36px;transform:translateX(-50%);border-radius:50%;width:27px;height:27px;padding:0;border:1px solid #258ed0;color:#1679b7;cursor:grab;touch-action:none}.image-handle:active{transform:translate(-50%,-50%)}.image-rotate:active{transform:translateX(-50%)}#image-controls .wide{margin-top:0}.image-handles:focus-visible{outline:2px solid #c39646}
.design-picker{width:100%;justify-content:flex-start;min-height:58px;text-align:left}.design-picker img{width:24px;height:36px;object-fit:contain;border-radius:2px}.design-picker .uncropped{object-fit:cover}.design-picker #design-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#design-library{max-width:780px;max-height:90vh;overflow:auto}.library-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:8px 0 20px}.library-tabs button{border:0;border-radius:0;padding:14px 22px}.library-tabs [aria-selected=true]{box-shadow:inset 0 -3px var(--navy);background:var(--blue)}.library-filters{background:#f3f6f8;padding:0 18px 18px;border-radius:6px}.library-filters .row label{display:block;margin-bottom:0}.library-filters label{font-size:13px}.library-filters input,.library-filters select{display:block;margin-top:7px}#library-clear{margin-top:15px}#library-summary{font-size:13px;color:var(--muted);margin:20px 0 8px}.library-item{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:12px 0}.library-open{border:0;flex:1;justify-content:flex-start;text-align:left;min-width:0;padding:4px;gap:16px}.library-open img{width:36px;height:54px;object-fit:contain;flex-shrink:0}.library-open>span{min-width:0}.library-open strong{display:block;font-size:15px;overflow-wrap:anywhere}.library-open small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:7px}.library-actions{display:flex;gap:7px}.library-actions button{font-size:12px;padding:9px}.library-rename{display:flex;width:100%;gap:8px}.library-rename input{flex:1;min-width:0}.library-rename button{white-space:nowrap;font-size:12px}.library-pagination{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.library-empty{padding:26px 12px;color:var(--muted);line-height:1.7}.library-pagination span{font-size:13px}@media(max-width:550px){#design-library{padding:18px}.library-item{flex-wrap:wrap}.library-open{flex-basis:100%}.library-actions{margin-left:56px}.library-rename{flex-wrap:wrap}.library-rename input{flex-basis:100%}.library-filters{padding-inline:12px}.library-filters .row{gap:10px}}
#record-details{margin-top:15px;font-size:13px}.library-item{flex-wrap:wrap}.library-open{flex-basis:65%}.library-actions{flex-wrap:wrap}.record-status{color:#324f68!important}.design-record{max-width:760px;max-height:92vh;overflow:auto}.design-record h2{font-size:28px}.design-record fieldset{border:1px solid var(--line);border-radius:6px;margin:18px 0;padding:0 16px 12px}.design-record legend{font-weight:600;font-size:14px}.design-record label{display:block;flex:1;min-width:0}.design-record input,.design-record select{margin-top:7px}.design-record .row{align-items:start;gap:18px}.record-footer{display:flex;gap:8px;flex-wrap:wrap;padding:15px 0 0;position:sticky;bottom:-30px;background:white}.record-footer button{flex:1}.design-record #record-name{color:var(--muted);font-size:14px;margin:6px 0 0}@media(max-width:550px){.design-record .row{display:block}.record-footer{bottom:-22px}.record-footer button{font-size:12px}.library-open{flex-basis:100%}}

#series-browser{background:#edf3f5;border:1px solid #c9d9df;border-radius:12px;padding:14px;margin-bottom:18px}
#series-caption{font-size:11px;font-weight:700;letter-spacing:.09em;margin:0 0 10px}#series-navigation{display:flex;gap:8px;align-items:center}#series-recipient{flex:1;min-width:0}#series-warning:empty{display:none}#series-warning{font-size:13px;margin:10px 0 0}.series-note{background:#edf3f5;padding:12px;border-radius:8px}.variable-tools{border-top:1px solid #d6dfe6;margin-top:16px;padding-top:12px}
.series-dialog{width:min(1040px,95vw);max-width:1040px}.series-dialog fieldset{border:1px solid #d6dfe6;border-radius:8px;padding:16px;margin:18px 0}.series-dialog legend{font-weight:700}.series-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px}.series-mini{padding-top:24px;text-align:center}.series-mini img{width:170px;height:255px;object-fit:contain;box-shadow:0 8px 22px #1b30451a}.series-mini p{font-size:13px}
#series-defaults,#series-bindings,#series-mapping{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.series-actions{display:flex;flex-wrap:wrap;gap:8px}.series-table-wrap{max-height:390px;overflow:auto;border:1px solid #d6dfe6;border-radius:8px}#series-table{width:100%;border-collapse:collapse}#series-table th{background:#edf3f5;text-align:left;position:sticky;top:0;z-index:1}#series-table td,#series-table th{padding:8px}#series-table input{min-width:130px}#series-table td:first-child,#series-table td:last-child{width:48px}#series-table button{padding:8px 12px}#series-validation{color:#8c4721;font-weight:600}#series-import-panel,#series-paste{background:#f1f5f7;padding:16px;border-radius:8px;margin-top:16px}
@media(max-width:650px){.series-layout{grid-template-columns:minmax(0,1fr)}.series-mini{padding-top:0}.series-mini img{width:120px;height:180px}#series-defaults,#series-bindings,#series-mapping{grid-template-columns:1fr}.series-dialog{padding:20px}.series-dialog .record-footer{flex-wrap:wrap}.series-dialog .row{flex-wrap:wrap}}
#creation-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.creation-choice{display:flex;gap:10px;align-items:center}.creation-choice input{width:auto}#creation-status{color:#8c4721}@media(max-width:550px){#creation-fields{grid-template-columns:1fr}}

.library-sort-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0 12px}.library-sort-toolbar>p{flex:1;min-width:150px;margin:0;align-self:center}.library-sort-toolbar label{margin:0;min-width:175px}.library-sort-toolbar select{margin-top:5px}.library-sort-toolbar button{min-height:42px;white-space:nowrap}@media(max-width:550px){.library-sort-toolbar>p{flex-basis:100%}.library-sort-toolbar label{flex:1;min-width:140px}}

.colour-filter{position:relative;flex:1;min-width:0;font-size:13px;font-weight:600}.colour-filter>span{display:block}.colour-filter>button{width:100%;margin-top:7px;text-align:left;display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:42px;font-weight:400}#colour-filter-value{flex:1}.filter-swatch{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid #80909e80;flex:none;box-shadow:inset 0 0 0 1px #ffffff40}.colour-filter-options{position:absolute;top:100%;left:0;right:0;z-index:10;max-height:280px;overflow:auto;background:white;border:1px solid #cbd5de;border-radius:6px;box-shadow:0 8px 24px #1b304526;padding:4px}.colour-filter-options button{display:flex;align-items:center;gap:10px;border:0;width:100%;text-align:left;justify-content:flex-start;padding:8px 10px;font-weight:400}.colour-filter-options [aria-selected=true]{background:#e8eff4;font-weight:700}.colour-filter-options button:focus-visible{outline:2px solid #b48c4a;outline-offset:-2px;background:#edf3f5}

.series-asset{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}.series-asset img{width:40px;height:40px;object-fit:contain;background:#edf3f5}#series-image-slots{display:grid;gap:12px}#series-table th:first-child,#series-table td:first-child{position:sticky;left:0;background:#edf3f5;z-index:2}#series-table th:first-child{z-index:3}

.budget-calculator{margin-top:24px;padding:20px;background:#f6f8f8;border:1px solid #d7dfe4;border-radius:12px;text-align:left}.budget-calculator h3{margin:0 0 8px}.budget-calculator>p{margin:0 0 16px}.budget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.budget-grid input{width:100%;box-sizing:border-box;margin-top:7px}.budget-result{font-size:.9rem;line-height:1.5;margin:10px 0 0;min-height:3em}.budget-grid input[aria-invalid=true]{border-color:#ae3939}@media(max-width:600px){.budget-grid{grid-template-columns:1fr}.budget-calculator{padding:16px}}

.my-info-form{max-width:760px}.my-info-form fieldset{margin:24px 0;border:1px solid #d7dfe4;border-radius:12px;padding:20px}.my-info-consent{display:flex;gap:12px;align-items:flex-start}.my-info-consent input{width:auto;flex:none;margin-top:4px}.my-info-form .budget-grid input{display:block}