:root{color:#1d201f;background:#ede8dd;font-family:Aptos,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(127,180,182,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(127,180,182,.07) 1px,transparent 1px),#0c1112;background-size:28px 28px}button,input,select,textarea{font:inherit}button{cursor:pointer}.designer-shell{display:grid;grid-template-columns:minmax(168px,.72fr) minmax(360px,1.7fr) minmax(320px,.95fr);height:100vh;min-height:100vh;overflow:hidden;color:#1b2526}.designer-shell.theme-dark{--surface-shell: #0c1112;--surface-workspace: #11191a;--surface-panel: #162123;--surface-control: #202c2f;--surface-control-strong: #28373a;--surface-selected: #14383b;--border-subtle: rgba(187, 217, 210, .16);--border-strong: rgba(119, 221, 211, .54);--text-main: #edf4ea;--text-muted: #9fb1ac;--text-accent: #e0a84f;--danger-action: #c95f3c;background:var(--surface-shell);background-color:#0c1112;color:var(--text-main)}.draft-rail,.editor-panel{min-width:0;min-height:0;background:#faf7eeeb;border-color:#3136322e;border-style:solid}.draft-rail{display:grid;grid-template-rows:auto 1fr;gap:18px;padding:18px;border-width:0 1px 0 0}.rail-actions{display:grid;gap:8px}.tool-button,.primary-action,.secondary-action,.tab-button,.draft-row{min-width:0;border:1px solid rgba(27,37,38,.18);border-radius:8px;color:#172123;transition:background .16s ease,border-color .16s ease,transform .16s ease}.tool-button{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px;min-height:42px;padding:9px 10px;background:#fffdf6;text-align:left}.tool-button span,.draft-row span,.draft-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-button:hover,.primary-action:hover,.secondary-action:hover,.tab-button:hover,.draft-row:hover{border-color:#1c5b637a;transform:translateY(-1px)}.draft-list{display:grid;align-content:start;gap:8px;min-height:0;overflow:auto}.panel-kicker,.eyebrow{margin:0;color:#6b4c2e;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.draft-row{display:grid;gap:2px;padding:10px;background:#f8f4e8;text-align:left}.draft-row[data-active=true]{background:#dfeee8;border-color:#2d6a66}.draft-row small,.empty-state,.status-line{color:#5b6764;font-size:.86rem}.preview-stage{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;min-width:0;min-height:0;overflow:hidden;padding:26px;background:#d7ddcf}.workspace-title{display:flex;align-items:end;justify-content:space-between;gap:16px}.workspace-title h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,4.8rem);font-weight:700;line-height:.95}.status-line{margin:0}.workspace-zoom{position:absolute;right:18px;bottom:18px;z-index:30;display:grid;grid-template-columns:34px minmax(130px,180px) auto 34px 34px;align-items:center;gap:8px;padding:8px;border:1px solid rgba(27,37,38,.16);border-radius:8px;background:#f8f4e8eb;box-shadow:0 10px 24px #121c1c14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zoom-button{display:grid;width:34px;min-width:34px;height:34px;min-height:34px;place-items:center;padding:0;border:1px solid rgba(27,37,38,.18);border-radius:8px;background:#fffdf6;color:#172123}.zoom-button:disabled{cursor:not-allowed;opacity:.42}.zoom-slider{display:grid;grid-template-columns:auto minmax(82px,1fr);align-items:center;gap:8px}.zoom-slider span{color:#324143;font-size:.72rem;font-weight:800}.zoom-slider input{min-height:24px;padding:0}.zoom-value{min-width:48px;color:#243f42;font-size:.84rem;text-align:center}.card-preview-wrap{--workspace-zoom: 1;display:grid;place-items:center;min-height:0;overflow:auto;padding:max(20px,calc(var(--workspace-zoom) * 12px))}.card-preview-zoom-frame{display:grid;place-items:center;transform:scale(var(--workspace-zoom));transform-origin:center;transition:transform .14s ease}.card-preview{--accent-hue: 39;--secondary-hue: 188;--glow-strength: 28%;--foil-strength: 0%;--card-border-width: 10px;--custom-accent-color: hsl(var(--accent-hue) 78% 56%);--secondary-color: hsl(var(--secondary-hue) 72% 48%);--accent-color: #b9813a;--accent-wash: rgba(185, 129, 58, .22);--art-low: #162428;--art-mid: #2f6570;--art-high: #e4bd69;--frame-shadow: rgba(30, 38, 37, .34);--ink-color: #172123;--panel-text-color: var(--ink-color);--panel-muted-color: #5d4e3d;--panel-rgb: 255, 251, 238;--readable-panel-opacity: var(--text-panel-opacity);--badge-bg: linear-gradient(145deg, #172123, color-mix(in srgb, var(--accent-color) 42%, #111820));--badge-ink: #fff8e6;position:relative;display:grid;grid-template-areas:"title cost" "art art" "type type" "text text" "footer footer";grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 47% auto 1fr auto;gap:8px;width:min(74vw,420px,calc((100vh - 190px) * 63 / 88));aspect-ratio:63 / 88;padding:18px;overflow:hidden;border:var(--card-border-width) solid #161b1b;border-radius:22px;color:var(--panel-text-color);box-shadow:0 28px 70px var(--frame-shadow),0 0 36px color-mix(in srgb,var(--custom-accent-color) var(--glow-strength),transparent)}.card-preview:before{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(255,255,255,.56);border-radius:13px;content:"";pointer-events:none}.card-preview:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--accent-color) var(--accent-strength),transparent) 0 12%,transparent 30%),linear-gradient(115deg,transparent 22%,color-mix(in srgb,var(--custom-accent-color) var(--foil-strength),transparent) 48%,transparent 76%),linear-gradient(150deg,transparent 18%,color-mix(in srgb,var(--secondary-color) var(--glow-strength),transparent) 56%,transparent 82%);content:"";mix-blend-mode:screen;opacity:.58;pointer-events:none}.frame-arcane{--accent-color: #d9a957;--accent-wash: rgba(217, 169, 87, .24);--art-low: #16262c;--art-mid: #315966;--art-high: #d9c18d;--frame-shadow: rgba(33, 51, 55, .38);--panel-rgb: 255, 248, 226;background:linear-gradient(145deg,#314d58,#d9c18d 42%,#f4e9cf 72%,#243a42)}.frame-industrial{--accent-color: #d86b3f;--accent-wash: rgba(216, 107, 63, .25);--art-low: #161a19;--art-mid: #4c5551;--art-high: #d86b3f;--frame-shadow: rgba(33, 35, 32, .42);--panel-rgb: 234, 229, 216;background:linear-gradient(145deg,#393f3c,#b8b0a1 35%,#d86b3f 67%,#283331)}.frame-solar{--accent-color: #f1bf57;--accent-wash: rgba(241, 191, 87, .28);--art-low: #3c241b;--art-mid: #9b552e;--art-high: #fff1c2;--frame-shadow: rgba(97, 60, 29, .36);--panel-rgb: 255, 245, 210;background:linear-gradient(145deg,#7b3f22,#f1bf57 40%,#fff1c2 68%,#25505f)}.frame-void{--accent-color: #8fb3ba;--accent-wash: rgba(143, 179, 186, .24);--art-low: #070a0c;--art-mid: #26353b;--art-high: #9fb1b4;--frame-shadow: rgba(9, 12, 14, .5);--ink-color: #111819;--panel-rgb: 225, 230, 217;background:linear-gradient(145deg,#1c2228,#4f6a72 38%,#c7d0bd 66%,#111415)}.frame-gothic{--accent-color: #b93047;--accent-wash: rgba(185, 48, 71, .25);--art-low: #120f12;--art-mid: #4d1722;--art-high: #c7b08a;--frame-shadow: rgba(23, 10, 14, .48);--panel-rgb: 240, 228, 207;background:linear-gradient(145deg,#1b1518,#6f1d2a 40%,#c7b08a 68%,#120f12)}.frame-holographic{--accent-color: #77f0ff;--accent-wash: rgba(245, 184, 255, .28);--art-low: #1a3150;--art-mid: #8ad7ff;--art-high: #fff6a8;--frame-shadow: rgba(103, 132, 166, .36);--panel-rgb: 250, 250, 255;background:linear-gradient(145deg,#77f0ff,#f5b8ff 38%,#fff6a8 66%,#8ad7ff)}.frame-botanical{--accent-color: #88a85f;--accent-wash: rgba(136, 168, 95, .27);--art-low: #102419;--art-mid: #326041;--art-high: #c1d28c;--frame-shadow: rgba(30, 58, 39, .38);--panel-rgb: 242, 237, 211;background:linear-gradient(145deg,#244733,#88a85f 40%,#efe6c5 68%,#173426)}.frame-parchment{--accent-color: #c88a40;--accent-wash: rgba(200, 138, 64, .24);--art-low: #3a2718;--art-mid: #8e6b3e;--art-high: #f4e3bd;--frame-shadow: rgba(79, 54, 31, .38);--panel-rgb: 250, 232, 194;background:linear-gradient(145deg,#6a4b2d,#c8a66c 40%,#f4e3bd 68%,#4b3422)}.frame-cyberpunk{--accent-color: #ff3b8d;--accent-wash: rgba(0, 209, 255, .24);--art-low: #0a0d12;--art-mid: #103f5e;--art-high: #ff3b8d;--frame-shadow: rgba(12, 18, 31, .5);--ink-color: #101820;--panel-rgb: 235, 249, 255;background:linear-gradient(145deg,#101820,#00d1ff 38%,#ff3b8d 68%,#18131f)}.frame-cosmic{--accent-color: #f0cf7a;--accent-wash: rgba(108, 88, 178, .27);--art-low: #080814;--art-mid: #2f285c;--art-high: #f0cf7a;--frame-shadow: rgba(15, 12, 37, .5);--panel-rgb: 238, 232, 255;background:linear-gradient(145deg,#17142a,#5d4b9a 38%,#f0cf7a 68%,#080814)}.card-region{--region-offset-transform: translate(0, 0);--region-rotation: rotate(0deg);position:absolute;box-sizing:border-box;min-width:0;transform:var(--region-offset-transform) var(--region-rotation);transform-origin:center}.card-region[data-layout-overridden=true]{position:absolute}.card-region[role=button]{cursor:grab;outline:none;touch-action:none}.card-region[role=button]:focus-visible,.card-region[data-selected=true]{box-shadow:0 0 0 3px #ffffffeb,0 0 0 6px #243f42c2}.card-region[data-transparent-background=true]{background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.card-region[data-transparent-background=true][data-selected=true],.card-region[data-transparent-background=true][role=button]:focus-visible{box-shadow:0 0 0 3px #ffffffeb,0 0 0 6px #243f42c2}.card-preview[data-exporting=true] .card-region,.card-preview[data-exporting=true] .card-region[data-transparent-background=true][data-selected=true],.card-preview[data-exporting=true] .card-region[role=button]:focus-visible{outline:none!important;box-shadow:none!important}.card-preview .card-region{grid-area:unset}.font-serif,.font-serif h2,.font-serif p,.font-serif .flavor-text{font-family:Georgia,Times New Roman,serif}.font-sans,.font-sans h2,.font-sans p,.font-sans .flavor-text{font-family:Aptos,Segoe UI,sans-serif}.font-display,.font-display h2,.font-display p,.font-display .flavor-text{font-family:Trebuchet MS,Aptos Display,Segoe UI,sans-serif}.font-mono,.font-mono h2,.font-mono p,.font-mono .flavor-text{font-family:Cascadia Mono,Consolas,monospace}.resize-handle{position:absolute;right:3px;bottom:3px;z-index:3;width:14px;height:14px;border-right:3px solid #243f42;border-bottom:3px solid #243f42;border-radius:2px;cursor:se-resize;touch-action:none}.card-preview[data-exporting=true] .resize-handle{display:none}.card-title-line,.type-line,.text-box,.flavor-box,.card-footer{z-index:1;background:rgba(var(--panel-rgb),var(--readable-panel-opacity));border:1px solid rgba(18,24,25,.28);border-radius:8px;box-shadow:inset 0 1px #ffffff6b,0 8px 18px #0f14121f;color:var(--panel-text-color)}.background-region{overflow:hidden;border-radius:12px;background:transparent;pointer-events:auto}.card-title-line{display:flex;align-items:center;grid-area:title;padding:7px 10px}.card-title-line h2{margin:0;overflow:hidden;width:100%;color:var(--region-text-color, inherit);font-family:inherit;font-size:var(--region-font-size, 1.1rem);font-weight:var(--region-font-weight, 700);line-height:1.1;text-align:inherit;text-overflow:ellipsis;white-space:nowrap}.mana-cost{display:grid;grid-area:cost;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:999px;background:var(--badge-bg);color:var(--badge-ink);font-weight:800;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color) var(--accent-strength),transparent)}.art-window{z-index:1;grid-area:art;overflow:hidden;border:3px solid rgba(23,31,32,.62);background:radial-gradient(circle at 24% 18%,var(--art-high),transparent 28%),linear-gradient(135deg,var(--art-mid),var(--art-low) 60%,color-mix(in srgb,var(--accent-color) 45%,var(--art-low)));box-shadow:inset 0 0 0 1px #ffffff29,inset 0 -28px 42px #04090947}.art-image,.background-image{width:100%;height:100%;background-repeat:no-repeat}.art-placeholder{display:grid;width:100%;height:100%;place-items:center;background:repeating-linear-gradient(45deg,rgba(255,255,255,.1) 0 2px,transparent 2px 10px),radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--accent-color) 72%,transparent),transparent 28%),linear-gradient(135deg,var(--art-mid),var(--art-low) 55%,color-mix(in srgb,var(--accent-color) 42%,#2d1d16));color:#fff2cd;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;letter-spacing:.08em;text-shadow:0 2px 12px rgba(0,0,0,.42);text-transform:uppercase}.type-line{grid-area:type;padding:6px 9px;overflow:hidden;font-size:.88rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.text-box{display:grid;align-content:start;gap:10px;grid-area:text;min-height:0;padding:12px;overflow:hidden}.flavor-box{display:grid;align-content:center;grid-area:text;min-height:0;padding:8px 12px;overflow:hidden}.rules-text,.flavor-text{margin:0;color:var(--region-text-color, var(--badge-ink));font-family:inherit;font-size:var(--region-font-size, .9rem);font-weight:var(--region-font-weight, inherit);text-align:inherit;overflow-wrap:anywhere;white-space:pre-wrap}.rules-text{font-size:var(--region-font-size, .9rem)}.flavor-text{color:var(--region-text-color, var(--panel-muted-color));font-size:var(--region-font-size, .82rem);font-style:italic}.card-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;grid-area:footer;padding:6px 8px;font-size:.74rem;text-transform:uppercase}.card-footer strong{padding:3px 8px;border-radius:999px;background:var(--badge-bg);color:var(--region-text-color, inherit);font-family:inherit;font-size:var(--region-font-size, inherit);font-weight:var(--region-font-weight, 800);text-align:inherit}.treatment-split{grid-template-columns:1fr 1fr;grid-template-rows:auto 46% auto 1fr auto;background:linear-gradient(100deg,color-mix(in srgb,var(--accent-color) 52%,#151b1d) 0 48%,rgba(255,255,255,.18) 48% 52%,transparent 52%),linear-gradient(145deg,var(--art-low),var(--accent-color) 42%,rgba(var(--panel-rgb),.94) 68%,var(--art-mid))}.treatment-split .card-title-line,.treatment-split .art-window,.treatment-split .type-line,.treatment-split .text-box,.treatment-split .flavor-box,.treatment-split .card-footer{grid-column:1 / -1}.treatment-split .art-window{border-left-color:color-mix(in srgb,var(--accent-color) 78%,#111820);border-right-color:#ffffffbd}.treatment-full-art{grid-template-rows:auto 1fr auto auto auto;gap:7px}.treatment-full-art .art-window:not([data-layout-overridden=true]){position:absolute;top:18px;right:18px;bottom:18px;left:18px;z-index:0;opacity:.96}.treatment-full-art .card-title-line,.treatment-full-art .type-line,.treatment-full-art .text-box,.treatment-full-art .flavor-box,.treatment-full-art .card-footer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:color-mix(in srgb,var(--accent-color) 38%,rgba(18,24,25,.34))}.treatment-full-art .text-box,.treatment-full-art .flavor-box{align-self:end}.treatment-poster{grid-template-rows:auto 58% auto minmax(84px,1fr) auto;padding:14px;border-width:14px}.treatment-poster .art-window{border-width:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-color) 50%,#151b1d)}.treatment-poster .card-title-line,.treatment-poster .type-line{border-radius:2px;text-transform:uppercase}.corners-sharp{border-radius:2px}.corners-sharp:before,.corners-sharp .card-title-line,.corners-sharp .type-line,.corners-sharp .text-box,.corners-sharp .card-footer,.corners-sharp .art-window{border-radius:0}.corners-ticket{border-radius:28px;clip-path:polygon(0 7%,7% 7%,7% 0,93% 0,93% 7%,100% 7%,100% 93%,93% 93%,93% 100%,7% 100%,7% 93%,0 93%)}.corners-ticket:before{border-radius:18px}.corners-ticket .card-title-line,.corners-ticket .type-line,.corners-ticket .text-box,.corners-ticket .card-footer{border-radius:12px}.texture-grain:before{background:repeating-radial-gradient(circle at 24% 28%,rgba(0,0,0,.1) 0 1px,transparent 1px 4px),linear-gradient(transparent,transparent)}.texture-paper{filter:saturate(.94) sepia(.12)}.texture-paper:after{background:linear-gradient(90deg,rgba(93,62,31,.09) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.12) 1px,transparent 1px),radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--accent-color) var(--accent-strength),transparent) 0 12%,transparent 30%);background-size:13px 100%,100% 17px,auto;mix-blend-mode:multiply;opacity:.46}.texture-metal{background-blend-mode:hard-light,normal}.texture-metal:after{background:repeating-linear-gradient(105deg,rgba(255,255,255,.24) 0 2px,rgba(0,0,0,.16) 2px 5px,transparent 5px 11px),radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--accent-color) var(--accent-strength),transparent) 0 12%,transparent 30%);mix-blend-mode:hard-light;opacity:.48}.texture-metal .art-window,.texture-metal .card-title-line,.texture-metal .type-line,.texture-metal .text-box,.texture-metal .card-footer{border-color:#ffffff75;box-shadow:inset 0 1px #ffffff94,inset 0 -1px #00000038,0 10px 18px #0c121424}.texture-glass .card-title-line,.texture-glass .type-line,.texture-glass .text-box,.texture-glass .card-footer{background:rgba(var(--panel-rgb),var(--readable-panel-opacity));-webkit-backdrop-filter:blur(10px) saturate(1.28);backdrop-filter:blur(10px) saturate(1.28);border-color:#ffffff8a}.texture-glass .art-window{border-color:#ffffff7a}.border-double{border-style:double;border-color:color-mix(in srgb,var(--custom-accent-color) 42%,#161b1b)}.border-inset{border-color:color-mix(in srgb,var(--accent-color) 38%,#161b1b);box-shadow:inset 0 0 0 5px #0000003d,inset 0 0 24px #00000038,0 28px 70px var(--frame-shadow)}.border-heavy{border-width:calc(var(--card-border-width) + 4px)}.border-neon{border-color:var(--custom-accent-color);box-shadow:0 28px 70px var(--frame-shadow),0 0 0 2px color-mix(in srgb,var(--secondary-color) 62%,transparent),0 0 34px color-mix(in srgb,var(--custom-accent-color) var(--glow-strength),transparent),inset 0 0 24px color-mix(in srgb,var(--secondary-color) var(--glow-strength),transparent)}.border-torn{clip-path:polygon(2% 0,97% 1%,100% 8%,98% 24%,100% 46%,97% 64%,99% 93%,92% 100%,54% 98%,28% 100%,1% 96%,0 72%,2% 44%,0 18%)}.plate-banner .card-title-line{border-radius:2px;background:var(--badge-bg);color:var(--badge-ink);text-transform:uppercase}.plate-capsule .card-title-line{border-radius:999px;padding-inline:14px}.plate-cut-corner .card-title-line{border-radius:0;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.plate-floating .card-title-line{border-color:color-mix(in srgb,var(--custom-accent-color) 52%,rgba(18,24,25,.28));box-shadow:0 10px 24px #080e1038,0 0 18px color-mix(in srgb,var(--custom-accent-color) var(--glow-strength),transparent);--region-offset-transform: translateY(-2px)}.artshape-arched .art-window{border-radius:48% 48% 12px 12px/28% 28% 12px 12px}.artshape-diamond .art-window{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.artshape-circle .art-window:not([data-layout-overridden=true]){aspect-ratio:1;border-radius:999px;justify-self:center;width:82%}.artshape-torn-edge .art-window{clip-path:polygon(1% 4%,22% 0,43% 3%,67% 0,99% 5%,96% 30%,100% 55%,95% 98%,70% 96%,46% 100%,19% 96%,0 99%,4% 66%,0 38%)}.badge-tag .mana-cost{border-radius:6px}.badge-hex .mana-cost{min-width:40px;clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);border-radius:0}.badge-seal .mana-cost{border-radius:999px;outline:2px dashed color-mix(in srgb,var(--custom-accent-color) 74%,#fff8e6);outline-offset:3px}.pattern-stars:after{background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 76% 18%,rgba(255,255,255,.62) 0 1px,transparent 2px),radial-gradient(circle at 62% 72%,rgba(255,255,255,.5) 0 1px,transparent 2px),linear-gradient(115deg,transparent 20%,color-mix(in srgb,var(--custom-accent-color) var(--foil-strength),transparent),transparent 78%);background-size:90px 120px,130px 90px,110px 150px,auto}.pattern-circuit:after{background:linear-gradient(90deg,color-mix(in srgb,var(--secondary-color) 34%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--custom-accent-color) 28%,transparent) 1px,transparent 1px),radial-gradient(circle,color-mix(in srgb,var(--custom-accent-color) 72%,transparent) 0 2px,transparent 3px);background-size:28px 28px,28px 28px,56px 56px;mix-blend-mode:screen;opacity:.52}.pattern-filigree:after{background:radial-gradient(ellipse at 15% 18%,transparent 28%,color-mix(in srgb,var(--accent-color) 24%,transparent) 30% 32%,transparent 34%),radial-gradient(ellipse at 85% 82%,transparent 28%,color-mix(in srgb,var(--accent-color) 24%,transparent) 30% 32%,transparent 34%);opacity:.62}.pattern-parchment-fibers:after{background:repeating-linear-gradient(102deg,rgba(86,54,24,.1) 0 1px,transparent 1px 9px),repeating-linear-gradient(14deg,rgba(255,255,255,.12) 0 1px,transparent 1px 12px);mix-blend-mode:multiply;opacity:.5}.pattern-foil-shards:after{background:conic-gradient(from 26deg at 26% 24%,transparent,color-mix(in srgb,var(--custom-accent-color) var(--foil-strength),transparent),transparent 36%),conic-gradient(from 210deg at 72% 70%,transparent,color-mix(in srgb,var(--secondary-color) var(--foil-strength),transparent),transparent 34%);mix-blend-mode:color-dodge;opacity:.58}.ink-light{--ink-color: #f8f1dc;--panel-text-color: #2f2618;--panel-muted-color: #6d5736;--badge-bg: linear-gradient(145deg, #2f2618, color-mix(in srgb, var(--accent-color) 42%, #17130d));--badge-ink: #fff8e6}.ink-light .card-title-line,.ink-light .type-line,.ink-light .text-box,.ink-light .card-footer{text-shadow:0 1px 8px rgba(0,0,0,.34)}.ink-sepia{--ink-color: #5d351d;--panel-text-color: var(--ink-color);--panel-muted-color: #735238;--badge-bg: linear-gradient(145deg, #5d351d, color-mix(in srgb, var(--accent-color) 42%, #24150c))}.ink-electric{--ink-color: hsl(var(--secondary-hue) 88% 26%);--panel-text-color: var(--ink-color);--panel-muted-color: color-mix(in srgb, var(--secondary-color) 52%, #4d4a42);--badge-bg: linear-gradient(145deg, #101820, color-mix(in srgb, var(--secondary-color) 58%, #111820))}.panel-ivory{--panel-rgb: 255, 250, 224}.panel-glass .card-title-line,.panel-glass .type-line,.panel-glass .text-box,.panel-glass .card-footer{background:rgba(245,252,255,var(--readable-panel-opacity));-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3)}.panel-charcoal{--panel-rgb: 33, 39, 40;--panel-text-color: color-mix(in srgb, var(--custom-accent-color) 24%, #fff8e6);--panel-muted-color: color-mix(in srgb, var(--custom-accent-color) 18%, #d8cfb5);--badge-bg: linear-gradient(145deg, #fff8e6, color-mix(in srgb, var(--custom-accent-color) 34%, #cfc4a6));--badge-ink: #1b2526}.panel-charcoal .card-title-line,.panel-charcoal .type-line,.panel-charcoal .text-box,.panel-charcoal .card-footer{background:#212728eb;border-color:#fff3}.editor-panel{display:grid;grid-template-rows:auto minmax(0,1fr);border-width:0 0 0 1px}.editor-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:14px;border-bottom:1px solid rgba(49,54,50,.18)}.tab-button{min-height:38px;padding:8px;background:#f8f4e8;font-weight:800}.tab-button[aria-selected=true]{background:#243f42;border-color:#243f42;color:#fff7e2}.editor-body{min-height:0;overflow:auto;padding:18px}.editor-stack{display:grid;gap:16px}.control-section{display:grid;gap:14px;padding-top:2px}.control-section h3{margin:0;color:#243f42;font-size:.92rem;letter-spacing:0}.editor-stack label,.file-picker,.range-grid label{display:grid;gap:6px;min-width:0}.editor-stack label span,.file-picker span,.range-grid span{color:#324143;font-size:.78rem;font-weight:800}input,select,textarea{width:100%;min-width:0;border:1px solid rgba(27,37,38,.22);border-radius:8px;background:#fffdf6;color:#172123}input,select{min-height:40px;padding:8px 10px}textarea{resize:vertical;padding:10px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.primary-action,.secondary-action{min-height:42px;padding:9px 12px;font-weight:800}.primary-action{background:#b94f30;border-color:#9e4128;color:#fff8e6}.secondary-action{background:#fffdf6}.suggestion-panel{display:grid;gap:10px;padding-top:14px;border-top:1px solid rgba(27,37,38,.18)}.suggestion-panel h3,.suggestion-panel p{margin:0;overflow-wrap:anywhere}.suggestion-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.suggestion-panel dt{color:#5b6764;font-size:.75rem}.suggestion-panel dd{margin:0;font-weight:800}.range-grid{display:grid;gap:12px}.control-label{color:#324143;font-size:.78rem;font-weight:800}.region-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.region-chip{min-height:38px;padding:8px 9px;overflow:hidden;border:1px solid rgba(27,37,38,.18);border-radius:8px;background:#fffdf6;color:#172123;font-size:.82rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.region-chip[aria-pressed=true]{background:#243f42;border-color:#243f42;color:#fff7e2}.region-chip[data-has-override=true]{box-shadow:inset 0 -3px #b94f30}.toggle-row{display:flex;align-items:center;gap:10px;min-height:40px;color:#324143;font-size:.86rem;font-weight:800}.toggle-row input{width:18px;min-width:18px;min-height:18px}.layout-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.layout-field-grid label{display:grid;gap:6px}.layout-field-grid span{color:#324143;font-size:.78rem;font-weight:800}.nudge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.layer-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.canvas-actions{display:grid;gap:8px}.theme-dark .draft-rail,.theme-dark .editor-panel{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 34%),var(--surface-panel);border-color:var(--border-subtle)}.theme-dark .preview-stage{background:radial-gradient(circle at 22% 18%,rgba(224,168,79,.12),transparent 26%),linear-gradient(90deg,rgba(125,182,178,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(125,182,178,.045) 1px,transparent 1px),var(--surface-workspace);background-color:#11191a;background-size:auto,32px 32px,32px 32px,auto}.theme-dark .workspace-title h1{color:#f1f5eb;text-shadow:0 18px 48px rgba(0,0,0,.34)}.theme-dark .panel-kicker,.theme-dark .eyebrow,.theme-dark .control-label,.theme-dark .editor-stack label span,.theme-dark .file-picker span,.theme-dark .range-grid span,.theme-dark .layout-field-grid span,.theme-dark .zoom-slider span{color:var(--text-accent)}.theme-dark .draft-row small,.theme-dark .empty-state,.theme-dark .status-line,.theme-dark .suggestion-panel dt{color:var(--text-muted)}.theme-dark .tool-button,.theme-dark .primary-action,.theme-dark .secondary-action,.theme-dark .tab-button,.theme-dark .draft-row,.theme-dark .region-chip,.theme-dark input,.theme-dark select,.theme-dark textarea,.theme-dark .workspace-zoom,.theme-dark .zoom-button{border-color:var(--border-subtle);background:var(--surface-control);color:var(--text-main)}.theme-dark .tool-button:hover,.theme-dark .primary-action:hover,.theme-dark .secondary-action:hover,.theme-dark .tab-button:hover,.theme-dark .draft-row:hover,.theme-dark .region-chip:hover,.theme-dark .zoom-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-control-strong)}.theme-dark .draft-row[data-active=true],.theme-dark .region-chip[aria-pressed=true],.theme-dark .tab-button[aria-selected=true]{background:var(--surface-selected);border-color:var(--border-strong);color:#f6fffb}.theme-dark .editor-tabs{border-bottom-color:var(--border-subtle)}.theme-dark .editor-body{background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:24px 24px}.theme-dark .control-section h3,.theme-dark .zoom-value,.theme-dark .toggle-row{color:#dceae4}.theme-dark .primary-action{background:var(--danger-action);border-color:#e07f58;color:#fff8e6}.theme-dark .suggestion-panel,.theme-dark .control-section{border-color:var(--border-subtle)}@media(max-width:1040px){.designer-shell{grid-template-columns:190px minmax(0,1fr)}.editor-panel{grid-column:1 / -1;border-width:1px 0 0}}@media(max-width:720px){.designer-shell{display:block;height:auto;overflow:visible}.draft-rail,.preview-stage,.editor-panel{border-width:0 0 1px}.rail-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-title{align-items:start;flex-direction:column}.workspace-zoom{right:12px;bottom:12px;width:min(calc(100% - 24px),420px);grid-template-columns:34px minmax(0,1fr) auto 34px 34px}.card-preview{width:min(92vw,380px)}}
