:root{--ui-bg:#0a101a;--ui-sidebar:#101924;--ui-surface:#141f2b;--ui-border:#283440;--ui-text:#e8eff4;--ui-muted:#8799a6;--ui-bright:#f3f5f6;--ui-gold:#b9d8e6;--ui-accent:#7aa7c7;--cover-accent:#b9ddff;--type-editor:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--ui-bg);color:var(--ui-text);font-family:var(--type-editor)}
body{overflow:hidden}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.5;cursor:not-allowed}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #acd8ed;outline-offset:2px}
.app-shell{display:grid;grid-template-columns:318px minmax(380px,1fr) 258px;height:100vh;min-height:460px;overflow:hidden}
.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--ui-sidebar);border-right:1px solid var(--ui-border)}
.sidebar-brand{display:flex;align-items:center;gap:12px;height:87px;min-height:87px;padding:0 23px;border-bottom:1px solid var(--ui-border)}
.sidebar-emblem{position:relative;border:1px solid #9bc5d4;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 22px #34698626,0 0 25px #88b8d018}
.emblem-orbit{position:absolute;left:5px;top:10px;width:26px;height:14px;border:1.2px solid #a8d5df;border-radius:50%;transform:rotate(-33deg)}
.emblem-dot{width:11px;height:11px;background:radial-gradient(circle at 30% 25%,#f7ffff,#79a3c6 42%,#264361 90%);border-radius:50%}
.product-name{font-family:Georgia,serif;font-size:20px;letter-spacing:-.3px;color:#f5f6f3}
.product-name small{font:500 10px var(--type-editor);color:#a8bdc8;letter-spacing:2px;text-transform:uppercase;margin-left:4px}
.product-caption{margin-top:3px;color:#8194a0;font-size:10px;letter-spacing:.15px}
.tiny-star{color:#a0c5dd;margin-left:3px}
.editor-tabs{display:flex;padding:14px 17px 0;gap:4px;border-bottom:1px solid var(--ui-border)}
.editor-tab{flex:1;background:transparent;border:0;border-bottom:2px solid transparent;color:#8395a1;padding:10px 6px 12px;font-size:12px;font-weight:600;letter-spacing:.2px}
.editor-tab:hover{color:#e7f3fa}.editor-tab.active{color:#e5f4fb;border-color:#a7d2e8}
.editor-panels{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a5060 transparent}
.editor-panel{display:none;padding:20px 20px 29px}.editor-panel.active{display:block}
.intro-note{display:flex;align-items:flex-start;gap:11px;padding:13px 13px;border:1px solid #2b3e4a;background:#152534;border-radius:8px;margin:0 0 20px;font-size:11px;line-height:1.6;color:#b1c4d0}
.note-icon{font-size:16px;color:#b9dcf0;line-height:1.2}
.field-section{margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #27333f}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:10px;letter-spacing:1.5px;color:#7fabbc;font-weight:700}
.section-heading button{background:none;border:0;color:#7895a9;font-size:10px}
.input-wrap{margin-bottom:13px}
.form-label{display:flex;align-items:center;justify-content:space-between;color:#b4c2ca;font-size:11px;letter-spacing:.1px;margin-bottom:6px}
.form-label output{color:#b5dff2;font-variant-numeric:tabular-nums}
.field-input,.field-textarea,.field-select{display:block;width:100%;background:#0c1520;color:#edf1f4;border:1px solid #34444f;border-radius:6px;padding:9px 10px;resize:vertical;font-size:12px;line-height:1.45;transition:border-color .15s}
.field-input:focus,.field-textarea:focus,.field-select:focus{border-color:#86bbd2;outline:0;box-shadow:0 0 0 3px #86bbd222}
.field-textarea{min-height:62px;max-height:190px}
.add-layer-buttons{margin-top:14px}
.secondary-btn{border:1px solid #405363;border-radius:7px;background:#172534;color:#d5e4ee;font-weight:600;font-size:12px;min-height:39px;padding:9px 13px;transition:background .15s}
.secondary-btn:hover{background:#24394a}
.secondary-btn.full{width:100%}
.btn-icon{display:inline-flex;align-items:center;justify-content:center;min-width:17px;margin-right:5px;font-weight:700}
.sidebar-hint{margin-top:12px;color:#81929e;font-size:11px;line-height:1.6}
.image-slot-row{display:flex;gap:12px;align-items:center;margin:0 0 11px;padding:11px;border:1px solid #2c3d4a;border-radius:8px;background:#111e2a;cursor:pointer;transition:border-color .15s}
.image-slot-row:hover{border-color:#799dad}
.image-slot-row .thumb{height:56px;width:61px;flex-shrink:0;border-radius:5px;overflow:hidden;background:#1b2c3a}
.image-slot-row .thumb img{display:block;width:100%;height:100%;object-fit:cover}
.image-slot-label{font-size:11px;font-weight:700;color:#e3eaf0;margin-bottom:5px}
.image-slot-sub{font-size:10px;color:#8799a8}
.image-slot-arrow{margin-left:auto;color:#8aa8bc;font-size:18px}
.style-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.style-choice{border:1px solid #304453;background:#101b26;padding:10px 6px;border-radius:7px;color:#bac7d1;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px}
.style-choice.active{border-color:#90c6e3;background:#203243;color:#ecf8ff}
.finish-icon{font-family:Georgia,serif;font-size:29px;font-weight:bold;line-height:1.05}
.finish-icon.ice{background:linear-gradient(120deg,#fff,#77b4e3,#fff,#4e7da7);-webkit-background-clip:text;background-clip:text;color:transparent}
.finish-icon.pearl{color:#fdf8e7}.finish-icon.copper{color:#da936e}.finish-icon.ink{color:#aebed4}
input[type=range]{width:100%;accent-color:#a4cfe4;margin:4px 0 17px;height:16px}
.color-field{display:flex;align-items:center;gap:11px;margin:0 0 17px;border:1px solid #34444f;border-radius:6px;padding:5px 8px;background:#0c1520;font-size:12px;color:#bcd3e0}
.color-field input{width:34px;height:29px;border:none;background:none;padding:0;cursor:pointer}
.toggle-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#c5d2dc;min-height:41px;cursor:pointer}
.toggle-label input{opacity:0;position:absolute}.switch{width:33px;height:19px;border-radius:18px;background:#384b58;position:relative;transition:background .2s}.switch::before{content:"";position:absolute;width:13px;height:13px;left:3px;top:3px;background:#dfebee;border-radius:100%;transition:transform .2s}.toggle-label input:checked+.switch{background:#5c9fc0}.toggle-label input:checked+.switch::before{transform:translateX(14px)}.toggle-label input:focus-visible+.switch{outline:2px solid #d3efff}
.sidebar-bottom{flex:0 0 auto;border-top:1px solid var(--ui-border);padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0e1720}
.sidebar-bottom button{background:none;border:none;color:#96a9b6;font-size:10px;text-decoration:underline;text-underline-offset:3px}
.save-indicator{font-size:10px;color:#90a5b4;white-space:nowrap}.save-dot{display:inline-block;width:6px;height:6px;background:#7eaf9b;border-radius:50%;margin-right:5px;vertical-align:1px}
.workspace{display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at center 30%,#1a2632 0%,#111b26 48%,#0b131d 100%);position:relative}
.workspace-bar{flex:0 0 68px;height:68px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 24px;background:#111b27;border-bottom:1px solid #283440}
.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap;color:#e9f2f6}.crumb-muted{font-size:10px;letter-spacing:1.1px;color:#8494a1}.crumb-slash{color:#607481}.workspace-pill{border:1px solid #426073;color:#97cce3;font-size:9px;letter-spacing:.7px;border-radius:25px;padding:4px 7px;margin-left:6px}
.workspace-actions{display:flex;align-items:center;gap:6px}.toolbar-button{border:1px solid transparent;border-radius:6px;background:none;color:#c9d7df;min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;font-size:11px;font-weight:600;white-space:nowrap}.toolbar-button:hover{background:#223544}.toolbar-button.primary{background:#b7dceb;color:#112534;border:1px solid #cceaf6}.toolbar-button.primary:hover{background:#d1ecf6}.toolbar-separator{height:22px;width:1px;background:#40505b;margin:0 4px}.tool-icon{font-size:17px;line-height:1;font-weight:400}
.canvas-toolbar{flex:0 0 56px;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;gap:15px;color:#9aabb7;border-bottom:1px solid #263542;background:#121e29a8}
.canvas-left,.canvas-right{display:flex;align-items:center;gap:13px}.canvas-label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#a1b4c1;white-space:nowrap}.canvas-divider{height:17px;width:1px;background:#3a4a57}.canvas-dimensions{font-size:11px;white-space:nowrap}.dim-faded{color:#788e9e}
.mode-toggle,.zoom-group{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #364957;background:#0d1721;border-radius:7px}.mode-toggle button,.zoom-group button{background:transparent;border:0;border-radius:5px;color:#9caebc;font-size:11px;min-width:47px;min-height:25px;padding:4px 8px}.mode-toggle button.active{background:#2a4355;color:#ddecf5}.zoom-group button{min-width:26px;font-size:17px}.zoom-group #zoom-display{font-size:10px;min-width:43px}.zoom-group button:hover{background:#253b4a}
.workspace-scroll{flex:1;overflow:auto;min-height:0;scrollbar-color:#52616e #12202b;scrollbar-width:thin}
.canvas-positioner{min-width:min-content;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:28px 55px 24px}
.cover-stage{position:relative;flex:none;box-shadow:0 12px 28px #0006,0 38px 115px #0009;transform-origin:top center}
.canvas-footnote{font-size:10px;color:#7e92a0;margin:15px 0 0;text-align:center;line-height:1.4;max-width:700px}
.inspector{background:#101924;border-left:1px solid var(--ui-border);display:flex;flex-direction:column;min-width:0}.inspector-head{height:68px;min-height:68px;border-bottom:1px solid var(--ui-border);padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#bbcbd2}.inspector-status{letter-spacing:.6px;color:#7eacbd;font-size:9px;font-weight:600}.inspector-content{flex:1;overflow:auto;padding:18px;scrollbar-width:thin}.inspector-empty{padding:54px 4px;text-align:center;color:#8ca0ae;font-size:12px;line-height:1.6}.empty-icon{font-family:Georgia,serif;font-size:57px;color:#62889c;line-height:1.3;margin-bottom:10px}.inspector-empty strong{display:block;font-size:14px;color:#d1e1eb;margin-bottom:7px}.inspector-empty p{max-width:200px;margin:0 auto}.inspector-tip{font-size:10px;color:#7e98a9;margin-top:23px}.inspector-tip kbd{color:#b9d2df;font-size:10px}.inspector-footer{padding:13px 18px;font-size:9px;letter-spacing:1px;color:#758d9b;display:flex;justify-content:space-between;border-top:1px solid var(--ui-border)}
.selected-heading{margin:2px 0 5px;color:#e2edf4;font-family:Georgia,serif;font-size:23px;font-weight:normal;line-height:1.16}.selected-sub{font-size:11px;color:#849ba9;margin:0 0 22px;line-height:1.5}.inspector-preview{width:100%;height:150px;object-fit:cover;border:1px solid #415666;border-radius:5px;background:#111d27;margin-bottom:19px;display:block}.inspector-action{display:flex;gap:8px;margin:6px 0 20px}.inspector-action button{flex:1}.inspector-separator{border:0;border-top:1px solid #344350;margin:18px 0}.property-title{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#85a6b8;margin:17px 0 13px}.property-hint{font-size:10px;line-height:1.6;color:#778e9d;margin-top:3px}.delete-btn{width:100%;min-height:37px;border:1px solid #724c4d;border-radius:6px;background:#2a1b21;color:#ecb8b2;font-size:11px;font-weight:600;margin-top:12px}.delete-btn:hover{background:#4a252d}
.inspector-content .field-input,.inspector-content .field-textarea{font-size:11px}.inspector-content .form-label{font-size:10px}.inline-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.small-number{min-width:0;width:100%}.inspector-content input[type=range]{margin-bottom:13px}
#toast{position:absolute;bottom:23px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#d7e9ee;color:#173340;border:1px solid #ffffff7a;border-radius:8px;padding:11px 17px;font-size:12px;font-weight:600;box-shadow:0 18px 40px #0008;transition:opacity .2s,transform .2s;z-index:9;max-width:80%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}

/* ---- The print-ready magazine. Everything inside is in fixed 1024 × 1536 coordinates. ---- */
.cover{position:relative;overflow:hidden;width:1024px;height:1536px;isolation:isolate;background:#020812;color:#f3f6fa;font-family:Georgia,"Times New Roman",serif;--cover-accent:#b9ddff;--heading-scale:1;--sky-intensity:1;user-select:none}
.cover *{box-sizing:border-box}
.cover-background{position:absolute;inset:0;z-index:-6;overflow:hidden;cursor:default}
.cover-background img{width:100%;height:100%;object-fit:cover;filter:brightness(var(--sky-intensity))}
.solar-flare{position:absolute;left:-111px;top:433px;width:490px;height:490px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,243,.91) 0%,rgba(255,241,197,.78) 2.5%,rgba(255,206,143,.57) 6%,rgba(240,174,120,.23) 16%,rgba(141,177,210,.08) 37%,transparent 69%);filter:blur(2px);z-index:-4;pointer-events:none}
.solar-flare::before{content:"";position:absolute;left:241px;top:222px;height:2px;width:340px;background:linear-gradient(90deg,transparent,#ffeccc70,transparent);transform:translateX(-50%);filter:blur(1px)}
.solar-flare::after{content:"";position:absolute;left:250px;top:80px;width:2px;height:350px;background:linear-gradient(180deg,transparent,#fff1cc80,transparent);filter:blur(1px)}
.orb-shadow{position:absolute;left:60px;top:330px;width:905px;height:905px;border-radius:50%;z-index:-2;box-shadow:0 0 35px #8eb6dd20,0 0 90px #5983ab12;pointer-events:none}
.hero-orb{position:absolute;left:58px;top:331px;width:908px;height:908px;overflow:hidden;z-index:-1;cursor:pointer}.hero-orb img{display:block;width:100%;height:100%;object-fit:contain}
.hero-fade{position:absolute;inset:290px 0 235px;z-index:0;background:linear-gradient(90deg,rgba(1,7,17,.45),transparent 44%,rgba(3,9,17,.08));pointer-events:none}
.article-fade{position:absolute;inset:auto 0 0;height:450px;z-index:0;background:linear-gradient(180deg,transparent 0%,rgba(2,9,19,.84) 27%,rgba(2,8,17,.95) 65%,rgba(2,8,16,.98) 100%);pointer-events:none}
.cover-topline{position:absolute;top:16px;left:39px;right:38px;height:27px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #9eb7c9b5;font-size:14px;letter-spacing:3px;line-height:19px;z-index:3}
.cover-topline span:last-child{font-family:Arial,sans-serif;font-size:12px;letter-spacing:3.2px}
.cover-masthead{position:absolute;left:31px;right:27px;top:43px;height:155px;z-index:3;cursor:pointer;overflow:visible}
.masthead-wordmark{white-space:nowrap;display:flex;justify-content:center;align-items:baseline;gap:0;width:max-content;position:absolute;left:50%;top:0;transform:translateX(-50%) scaleX(.94) scale(var(--heading-scale));transform-origin:top center;letter-spacing:-8px;font-family:"Bodoni MT","Times New Roman",Georgia,serif;font-size:159px;font-weight:400;line-height:1.01;color:transparent;-webkit-text-stroke:.45px #c4dff5;filter:drop-shadow(0 0 6px #7badd73a)}
.masthead-wordmark>span{display:block;background-image:linear-gradient(160deg,#fff 5%,#d6ebff 17%,#719dc9 30%,#f4fdff 44%,#9cc9ef 56%,#3a659c 72%,#edf8ff 89%,#b7d4e7 100%);background-size:200% 170%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.masthead-a{position:relative}
.masthead-a .orbital-mark{position:absolute;left:1%;top:17%;width:104%;height:99%;background:none;-webkit-text-fill-color:initial;pointer-events:none;display:block;transform:rotate(5deg)}
.orbital-mark svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 4px #aed4f266)}
.cover.finish-pearl .masthead-wordmark>span{background-image:linear-gradient(150deg,#fffdf4,#d6d5d1 42%,#fff 57%,#d6dadb 88%)}
.cover.finish-copper .masthead-wordmark>span{background-image:linear-gradient(145deg,#fff0dd,#b6724f 34%,#ffd8b1 52%,#8d493a 78%,#f7d0b1)}
.cover.finish-ink .masthead-wordmark>span{background-image:linear-gradient(140deg,#f5f8ff 3%,#8c9aa8 37%,#d3e1f5 57%,#52647f 86%,#f3fbff)}
.cover.no-orbit .orbital-mark{display:none}
.cover-tagline{position:absolute;left:39px;right:37px;top:212px;font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:18px;text-align:center;letter-spacing:4.1px;line-height:23px;border-bottom:1.5px solid #d6e7f4c9;padding-bottom:13px;z-index:3;white-space:nowrap}
.cover-strap{position:absolute;top:259px;left:40px;right:38px;z-index:3;font-family:Arial,Helvetica,sans-serif;color:#bcd5e7;font-size:13px;letter-spacing:3px;white-space:nowrap;text-align:center;line-height:22px}
.feature-story{position:absolute;left:39px;top:301px;width:298px;z-index:2;text-shadow:0 3px 20px #001224b5}
.feature-title{font-size:79px;font-weight:700;line-height:.93;letter-spacing:-2.5px;margin:0 0 18px;max-width:286px}
.feature-deck{font-size:30px;line-height:1.07;margin:0 0 17px;max-width:290px;font-weight:400}
.feature-note{font-size:23px;line-height:1.15;font-style:italic;margin:0;max-width:247px;white-space:pre-line}
.magnifier-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.cover.no-guide .magnifier-lines{display:none}
.micro-inset{position:absolute;left:636px;top:344px;width:362px;height:362px;border-radius:50%;border:2.8px solid #e4f6ff;z-index:4;background:#14344d;overflow:hidden;box-shadow:0 9px 30px #0008;cursor:pointer}
.micro-inset>img{width:100%;height:100%;object-fit:cover;object-position:49% 46%;transform:translate(0,0) scale(1.06);display:block}
.micro-vignette{position:absolute;inset:0;border-radius:50%;background:linear-gradient(145deg,#0007,transparent 41%,#0008 100%);pointer-events:none}
.micro-copy{position:absolute;top:27px;right:21px;text-align:right;max-width:170px;text-shadow:0 2px 10px #000b;pointer-events:none}
.micro-name{font-size:22px;line-height:1.05;font-style:italic;pointer-events:auto}
.micro-taxonomy{font-family:Arial,sans-serif;font-size:10px;letter-spacing:1.5px;margin-top:5px;pointer-events:auto}
.micro-scale{position:absolute;right:42px;bottom:27px;text-align:center;text-shadow:0 2px 8px #000;font:19px Georgia,serif}.micro-scale i{display:block;width:59px;height:8px;border-left:1.5px solid white;border-right:1.5px solid white;border-bottom:1.5px solid white;margin:3px auto 0}
.cover-secondary-note{position:absolute;right:37px;top:293px;z-index:4;text-align:right;font-size:21px;line-height:1.12;font-style:italic;color:#f4f4ef;text-shadow:0 1px 11px black}
.cover-articles{position:absolute;top:1190px;left:38px;right:38px;height:264px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;z-index:3}
.article-teaser{position:relative;padding:3px 20px 0 0;overflow:hidden}.article-teaser:not(:first-child){border-left:1px solid #c4d1dca8;padding-left:23px}.article-teaser:last-child{padding-right:0}
.article-teaser h3{font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1.03;font-weight:700;letter-spacing:-.5px;margin:0 0 8px;position:relative;z-index:2;text-shadow:0 3px 9px #000}
.article-teaser[data-article="1"] h3{font-size:29px}
.article-teaser p{font-size:21px;line-height:1.12;font-style:italic;margin:0;max-width:100%;position:relative;z-index:2;text-shadow:0 2px 8px #000;white-space:pre-line}
.article-teaser[data-article="1"] p{font-style:normal;font-size:23px}
.article-teaser[data-article="2"] p{font-size:18px}
.article-teaser[data-article="3"] p{font-size:19px}
.article-image{position:absolute;bottom:0;left:0;right:20px;height:106px;overflow:hidden;border:1px solid #bcc6d477;background:#152734;cursor:pointer}
.article-teaser:not(:first-child) .article-image{left:23px}
.article-teaser:last-child .article-image{right:0}
.article-image img{width:100%;height:100%;display:block;object-fit:cover}
.cover.no-thumbs .article-image{display:none}
.cover-footer{position:absolute;left:37px;right:38px;bottom:17px;z-index:4;color:#d4e8f1;text-align:center}
.footer-terms{padding:11px 0 0;border-top:1px solid #a5c0d3c9;font-family:Arial,sans-serif;letter-spacing:2.1px;font-size:12px;line-height:14px;white-space:nowrap}
.footer-motto{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:15px 0 0;color:#bad5e9}
.footer-motto>span{height:1px;background:#8caabb;flex:1}
.footer-motto em{font-size:18px;letter-spacing:3px;white-space:nowrap}
.cover.no-motto .footer-motto{display:none}
.cover [data-field],.cover [data-click-field]{cursor:text;min-width:8px;outline:none}
.cover.editing [data-field]:hover{outline:1px dashed #d4ecf799;outline-offset:3px}
.cover.editing [data-field]:focus{outline:2px solid #aedff7;outline-offset:3px;background:#0b23324b;border-radius:1px;user-select:text!important}
.cover .image-target img{pointer-events:none}
.cover.editing .image-target:hover{outline:2px dashed #f0f9ffb5;outline-offset:3px}
.cover.editing .image-target.selected,.cover.editing [data-field].selected,.cover.editing [data-click-field].selected{outline:2px solid #8de1ff;outline-offset:3px}
.cover.editing .image-target.selected::after{content:"";position:absolute;inset:0;border:1px solid #85d6ef66;pointer-events:none}
.cover.preview [data-field],.cover.preview .image-target{cursor:default}
/* Flexible user-created images and text, separately movable/resizable. */
.user-layers{position:absolute;inset:0;pointer-events:none;z-index:7}
.user-layer{position:absolute;pointer-events:auto;border:1px solid transparent}
.user-layer.extra-image{overflow:visible}.user-layer .extra-image-mask{width:100%;height:100%;overflow:hidden;background:#122230}
.user-layer .extra-image-mask img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.user-layer.extra-text{color:#f8fcff;font:32px/1.15 Georgia,serif;white-space:pre-wrap;min-width:120px;min-height:44px;text-shadow:0 2px 6px #0009}
.user-layer .layer-drag-handle{display:none;position:absolute;top:-19px;left:-2px;min-width:31px;height:17px;background:#bde8f6;color:#193d4c;text-align:center;font:700 12px/17px Arial,sans-serif;cursor:move;z-index:10;border-radius:2px 2px 0 0;user-select:none}
.user-layer .resize-handle{display:none;position:absolute;right:-6px;bottom:-6px;width:13px;height:13px;background:#ccefff;border:2px solid #143b4e;z-index:10;cursor:nwse-resize}
.cover.editing .user-layer.selected{border:1.6px solid #bde8f6;outline:1px solid #17334e;outline-offset:0}.cover.editing .user-layer.selected>.layer-drag-handle,.cover.editing .user-layer.selected>.resize-handle{display:block}
.cover.preview .user-layer .layer-drag-handle,.cover.preview .user-layer .resize-handle{display:none!important}
.cover.preview .user-layer{border-color:transparent!important;outline:none!important}
@media (max-width:1470px){.app-shell{grid-template-columns:297px minmax(360px,1fr) 228px}.workspace-bar{padding:0 15px}.canvas-toolbar{padding:0 16px}.inspector-content{padding:15px}.sidebar-brand{padding:0 18px}}
@media (max-width:1120px){.app-shell{grid-template-columns:285px minmax(340px,1fr)}.inspector{display:none}.workspace-actions .toolbar-button.subtle{padding:0 6px}.canvas-positioner{padding-inline:24px}}
@media (max-width:760px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;grid-template-columns:1fr;display:flex;flex-direction:column}.sidebar{order:2;border-right:none;border-top:1px solid var(--ui-border);max-height:none}.sidebar-brand{height:65px;min-height:65px}.editor-panels{overflow:visible}.workspace{order:1;height:auto;min-height:650px}.workspace-bar{flex-wrap:wrap;min-height:91px;height:auto;gap:5px;padding:10px 11px}.workspace-actions{width:100%;justify-content:space-between}.workspace-actions .toolbar-button{font-size:10px}.canvas-toolbar{padding:8px 10px;gap:7px}.canvas-dimensions,.canvas-divider{display:none}.canvas-positioner{padding:18px 10px}.workspace-scroll{overflow-x:auto;min-height:570px}.cover-stage{margin:auto}.sidebar-bottom{padding:17px}}
@media print{@page{size:8in 12in;margin:0}html,body{width:8in!important;height:12in!important;overflow:hidden!important;background:#000!important}.app-shell,.workspace,.workspace-scroll,.canvas-positioner{display:block!important;width:8in!important;height:12in!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;box-shadow:none!important;background:none!important}.sidebar,.inspector,.workspace-bar,.canvas-toolbar,.canvas-footnote,#toast{display:none!important}.cover-stage{width:8in!important;height:12in!important;margin:0!important;box-shadow:none!important}.cover{transform:scale(.75)!important;transform-origin:top left!important}.cover [data-field],.cover .image-target,.cover .user-layer{outline:none!important}.user-layer .layer-drag-handle,.user-layer .resize-handle{display:none!important}}
.cover [data-field]{white-space:pre-line}
.cover .cover-topline [data-field],.cover .cover-tagline,.cover .cover-strap,.cover .footer-terms{white-space:nowrap}
.cover .image-target.drag-over{outline:3px solid #91f1fd!important;outline-offset:4px}
.cover .masthead-wordmark.custom-wordmark{font-size:128px;letter-spacing:-5px}
#toast.error{background:#f6c4c3;color:#46262a}
/* The page stays within the browser window; the canvas itself scrolls when zoomed. */
.workspace{height:100%;min-height:0;overflow:hidden}
.workspace-scroll{flex:1 1 0;min-height:0}
.canvas-positioner{min-width:0}

/* Optical finishing touches */
.solar-flare{left:-143px;top:308px;width:490px;height:490px;filter:blur(.8px);background:radial-gradient(circle,rgba(255,255,247,1) 0%,rgba(255,245,208,.96) 2%,rgba(255,211,146,.73) 5.5%,rgba(240,178,126,.34) 12%,rgba(162,193,216,.13) 28%,transparent 63%)}
.solar-flare:before{background:linear-gradient(90deg,transparent,#fff3daaf,transparent)}
.orb-shadow{box-shadow:0 0 12px #7eafd629,0 0 70px #648bb11e}
.micro-copy{top:66px;right:37px;max-width:142px}
.micro-name{font-size:18px}
.micro-taxonomy{font-size:9px;letter-spacing:1px}
.micro-scale{right:84px;bottom:29px}
/* Accent styling and final print refinements. */
.cover-strap,.footer-motto,.footer-terms{color:var(--cover-accent)}
.cover .footer-motto em{white-space:nowrap}
.orb-shadow{display:none}

/* A true backlight glint near the outer edge, separate from the water image. */
.solar-flare{left:-182px;top:566px}
.sun-diffraction{position:absolute;left:-62px;top:721px;width:249px;height:190px;z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse at 48% 52%,#fffdf8f5 0%,#f9e6c4e8 3%,#eeb7788a 9%,#f8cba23c 19%,#a9c3ec16 42%,transparent 73%)}
.sun-diffraction::before{content:"";position:absolute;left:40px;right:-25px;top:98px;height:1px;background:linear-gradient(90deg,transparent,#fff3dabe,transparent)}

/* Editing robustness: focus, touch, handles, guides, feedback. */
.cover:focus{outline:none}
.canvas-positioner{min-width:min-content}
.cover.editing .image-target.selected,.cover.editing .user-layer.selected,.user-layer .layer-drag-handle,.user-layer .resize-handle{touch-action:none}
.user-layer .extra-text-body{min-height:100%;outline:none;cursor:text}
.user-layer .resize-handle[data-handle="nw"]{left:-6px;top:-6px;right:auto;bottom:auto}
.user-layer .resize-handle[data-handle="n"]{left:calc(50% - 6.5px);top:-6px;right:auto;bottom:auto;cursor:ns-resize}
.user-layer .resize-handle[data-handle="ne"]{top:-6px;bottom:auto;cursor:nesw-resize}
.user-layer .resize-handle[data-handle="e"]{top:calc(50% - 6.5px);bottom:auto;cursor:ew-resize}
.user-layer .resize-handle[data-handle="s"]{left:calc(50% - 6.5px);right:auto;cursor:ns-resize}
.user-layer .resize-handle[data-handle="sw"]{left:-6px;right:auto;cursor:nesw-resize}
.user-layer .resize-handle[data-handle="w"]{left:-6px;right:auto;top:calc(50% - 6.5px);bottom:auto;cursor:ew-resize}
@media (pointer:coarse){.user-layer .resize-handle::before,.user-layer .layer-drag-handle::before{content:"";position:absolute;inset:-10px}}
.snap-guides{position:absolute;inset:0;pointer-events:none;z-index:30}
.snap-line{position:absolute;background:#8de1ff;box-shadow:0 0 0 calc(.5px / var(--ui-scale,1)) #0b2332}
.snap-line.v{top:0;bottom:0;width:calc(1px / var(--ui-scale,1))}
.snap-line.h{left:0;right:0;height:calc(1px / var(--ui-scale,1))}
.image-slot-row.current{border-color:#90c6e3;background:#162736}
#toast.has-action{pointer-events:auto}
#toast .toast-action{margin-left:12px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.inspector-tip.shortcut-list{line-height:2}
.history-actions{display:flex;align-items:center;gap:2px;margin-left:auto}
.inspector-toggle,.inspector-close{display:none}
.inspector-toggle{position:absolute;right:16px;bottom:16px;z-index:8;background:#172534;border-color:#405363;box-shadow:0 8px 22px #0008}
.inspector-toggle:hover{background:#24394a}
.inspector-close{align-items:center;justify-content:center;width:28px;height:28px;margin-left:10px;border:1px solid var(--ui-border);border-radius:6px;background:none;color:#bbcbd2;font-size:16px;line-height:1}
.inspector-close:hover{background:#223544}
@media (max-width:1120px){
  .inspector{display:flex;position:fixed;top:0;right:0;bottom:0;width:min(300px,92vw);z-index:20;transform:translateX(102%);visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s;box-shadow:-18px 0 40px #0009}
  .inspector.open{transform:none;visibility:visible;transition:transform .2s ease}
  .inspector-head .inspector-status{margin-left:auto}
  .inspector-toggle,.inspector-close{display:inline-flex}
}
/* Re-applies the phone layout's canvas height, which the later .workspace and .workspace-scroll rules had overridden to 0. */
@media (max-width:760px){.workspace{height:auto;min-height:650px}.workspace-scroll{min-height:570px}}
@media (prefers-reduced-motion:reduce){.inspector,.inspector.open{transition:none}}
@media print{.snap-guides{display:none!important}.cover .user-layer{border-color:transparent!important}}