@font-face{font-family:Fraunces;src:url(/assets/fraunces.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}body{margin:0;color:#213f35;font:13px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f8f6}button,input,select,textarea{font:inherit}button,.button,.upload{cursor:pointer}button{border:1px solid #dfe5df;background:#fff;color:#28483d;border-radius:7px;padding:9px 12px;font-weight:500;white-space:nowrap}button:hover,.button:hover{background:#edf2eb}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#143e32;border-color:#143e32;color:#fff}.primary:hover{background:#235742}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.upload:focus-within{outline:2px solid #ad663c;outline-offset:3px}input,select,textarea{width:100%;color:#28483d;background:#fff;border:1px solid #dce2dc;border-radius:7px;padding:10px}textarea{resize:vertical;line-height:1.5}input[type=file]{position:absolute;width:1px;height:1px;opacity:0}input[type=range]{accent-color:#245640;padding:0;border:0;height:20px}input[type=checkbox]{accent-color:#245640;width:30px;height:19px}small{line-height:1.5}.studio{height:100dvh;display:grid;grid-template-columns:190px minmax(300px,1fr) 320px;grid-template-rows:72px minmax(0,1fr);overflow:hidden}.topbar{grid-column:1/-1;background:#fff;border-bottom:1px solid #dfe4dd;display:flex;align-items:center;padding:0 24px;gap:28px}.brand{font:600 24px Fraunces,Georgia,serif;white-space:nowrap;display:flex;align-items:center;gap:9px}.brand span{color:#c6cec4;font:300 23px Arial}.brand b{font:500 13px -apple-system,sans-serif}.brand i{width:6px;height:6px;border-radius:50%;background:#bb643e}.project-name{background:transparent;border-color:transparent;max-width:220px;font-size:13px;margin:auto}.top-actions{display:flex;gap:8px;align-items:center}.button{padding:10px 8px;white-space:nowrap}.slides-panel{background:#fff;border-right:1px solid #dfe4dd;padding:22px 16px;display:flex;flex-direction:column;overflow:auto}.panel-title{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1.6px;color:#66756c;margin-bottom:20px}.slide-list{display:flex;flex-direction:column;gap:16px}.slide-card{background:none;border:1px solid transparent;padding:9px;width:100%;white-space:normal;text-align:left;border-radius:9px}.slide-card.selected{border-color:#29573f;background:#edf2eb}.thumb-wrap{background:#eef0eb;height:144px;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail{max-height:132px;max-width:100%;width:auto;object-fit:contain;display:block}.slide-card>div:nth-child(2){display:flex;gap:8px;margin-top:10px;line-height:1.4}.slide-card b{font-size:10px;color:#647b69;margin-top:1px}.slide-card span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-card small{color:#7d897e;font-size:10px;margin:4px 0 0 23px;display:block}.add-slide{margin-top:17px;border-style:dashed;font-size:12px;padding:12px 5px}.local-note{margin-top:auto;padding-top:28px;font-size:10px;color:#5e7467}.local-note p{color:#8b958b;line-height:1.7;margin-bottom:0}.status-dot{display:inline-block;width:5px;height:5px;background:#638864;border-radius:50%;margin-right:6px}.workspace{min-width:0;display:flex;flex-direction:column;background:#edf0eb;position:relative}.canvas-toolbar{height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e1e5dd;color:#7b857c;font-size:11px}.canvas-toolbar>div{display:flex;align-items:center;gap:6px}.canvas-toolbar button{border:0;background:transparent;padding:5px 8px;color:#607165}.canvas-toolbar button:first-child,.canvas-toolbar button:nth-child(2){font-size:18px}.divider{height:18px;width:1px;background:#d2d8ce;margin:0 7px}.preview-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:24px;background-image:radial-gradient(#cad2c7 .6px,transparent .6px);background-size:16px 16px}.canvas-holder{height:calc(100% * var(--preview-zoom));max-width:100%;flex-shrink:0;box-shadow:0 8px 36px #223f3519;background:#f6f1e7}.canvas-holder.landscape{height:auto;width:calc(96% * var(--preview-zoom));max-height:100%}.artwork{width:100%;height:100%;object-fit:contain;display:block}.preview-footer{height:68px;flex-shrink:0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfe4dd;font-size:11px}.preview-footer b{font-weight:500;margin-left:20px}.muted{color:#99a291}.inspector{background:#fff;border-left:1px solid #dfe4dd;display:flex;flex-direction:column;min-height:0}.inspector-tabs{height:54px;flex-shrink:0;display:flex;gap:22px;padding:0 22px;border-bottom:1px solid #e5e8e1}.inspector-tabs button{border:0;border-radius:0;text-transform:capitalize;background:none;color:#879287;padding:0 3px}.inspector-tabs .active{color:#183e30;border-bottom:2px solid #183e30}.controls{overflow-y:auto;padding:0 22px 24px}.controls section{padding:23px 0;border-bottom:1px solid #e7eae3}.section-title{font-size:10px;color:#708070;letter-spacing:1.7px;font-weight:650;margin-bottom:17px;display:flex;justify-content:space-between}.section-title span{letter-spacing:0;font-weight:400}.field{display:block;margin:14px 0}.field>span{display:block;font-size:11px;color:#607260;margin-bottom:8px}.field output{float:right;color:#86937f;font-size:10px}.upload{display:block;background:#f4f6f0;border:1px dashed #cbd6c6;padding:12px 8px;border-radius:7px;text-align:center;font-size:12px;color:#3e654c}.help{font-size:11px;color:#77836e;line-height:1.65;display:block;margin:10px 0}.file-name{display:block;font-size:10px;color:#74866d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-actions{display:flex;gap:5px;margin-top:14px}.inline-actions button{font-size:10px;padding:8px}.inline-actions input{min-width:0;font-size:11px;padding:7px}.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.color-field{display:block;min-width:0}.color-field>span{display:block;font-size:10px;color:#788671;margin-bottom:7px}.color-field>div{display:flex;align-items:center;border:1px solid #dce2d7;border-radius:6px;padding:4px;gap:3px}.color-field input[type=color]{width:23px;min-width:23px;height:25px;padding:0;border:0;background:none}.color-field input:not([type=color]){padding:0;width:100%;font-size:9px;font-family:monospace;border:0;min-width:0}.segmented{display:flex;background:#eef1eb;padding:3px;border-radius:7px;gap:2px}.segmented button{flex:1;border:0;background:transparent;font-size:11px;padding:7px 3px}.segmented .chosen{background:#fff;box-shadow:0 1px 4px #1c3d2510}.text-button{border:0;background:transparent;padding:13px 0 0;font-size:11px;text-align:left;white-space:normal;color:#3b6b4f}.format-bar{display:flex;align-items:center;gap:5px}.format-bar button{padding:5px 9px}.format-bar small{font-size:9px;color:#8b9587;margin-left:3px}.toggle{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:20px 0}.two-fields{display:flex;gap:10px}.two-fields>label{width:50%}.danger{color:#a04c36;border-color:#e5c8bc}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#183e32;color:#fff;padding:12px 14px 12px 20px;border-radius:10px;box-shadow:0 8px 24px #0002;display:flex;align-items:center;gap:18px;z-index:20;max-width:600px;font-size:12px}.toast button{border:0;background:transparent;color:#fff;font-size:20px;padding:0 5px}.warnings{padding:8px 22px;font-size:11px;background:#fff4db;color:#8a5c1f}.warnings p{margin:4px 0}.drop-overlay{position:absolute;top:60px;right:15px;bottom:80px;left:15px;background:#e7efe7ed;border:2px dashed #527b55;display:grid;place-items:center;font:24px Fraunces;border-radius:12px}.loading{display:grid;place-items:center;height:100vh;color:#52765b}@media(min-width:1500px){.studio{grid-template-columns:220px minmax(400px,1fr) 350px}.controls{padding:0 28px 25px}.thumb-wrap{height:170px}.thumbnail{max-height:160px}}@media(max-width:1100px){.studio{grid-template-columns:140px minmax(220px,1fr) 300px}.topbar{padding:0 16px;gap:12px}.brand b{display:none}.project-name{max-width:160px}.slides-panel{padding:20px 10px}.controls{padding:0 16px}.preview-footer b{display:none}.top-actions{gap:4px}.top-actions>*{font-size:11px}.canvas-toolbar{padding:0 10px}}@media(max-width:760px){.studio{height:auto;min-height:100dvh;grid-template-columns:1fr;grid-template-rows:60px auto minmax(520px,75vh) auto;overflow:visible}.topbar{position:sticky;top:0;z-index:5}.brand{font-size:20px}.project-name{display:none}.top-actions{margin-left:auto}.quiet{display:none}.slides-panel{grid-row:2;padding:10px;display:block;border:0;overflow-x:auto}.panel-title,.local-note{display:none}.slide-list{flex-direction:row;display:inline-flex}.slide-card{width:110px}.thumb-wrap{height:70px}.thumbnail{max-height:70px}.slide-card small{display:none}.add-slide{display:inline-block;vertical-align:top;margin:25px 0 0 10px}.workspace{grid-row:3}.inspector{grid-row:4}.controls{overflow:visible}.inspector-tabs{position:sticky;top:60px;background:#fff;z-index:3}.toast{bottom:12px;width:90%}.colors{max-width:400px}}.inline-actions{flex-wrap:wrap}.slide-item{position:relative;padding-bottom:32px;border-bottom:1px solid #e7eae3}.delete-slide{position:absolute;bottom:0;right:4px;border:0;background:transparent;color:#914732;font-size:11px;padding:8px 10px}.delete-slide:hover{background:#faeee8}.toast .undo-delete{font-size:12px;font-weight:650;text-decoration:underline;padding:5px}.slide-item .slide-card small{overflow-wrap:anywhere}.add-watch{margin-top:8px;font-size:12px}.canvas-holder{position:relative}.split-guide{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex}.split-guide:after{content:"";position:absolute;left:50%;height:100%;border-left:1px dashed #b06340}.split-guide span{position:absolute;top:7px;left:8px;background:#fffdf3dd;color:#526259;padding:4px 6px;border-radius:4px;font-size:9px}.split-guide span+span{left:calc(50% + 8px)}.segmented{flex-wrap:wrap}.segmented button{min-width:55px}.segmented:has(>button:nth-child(4)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.upload,.button{position:relative}input[type=file]{top:0;left:0}@media(min-width:761px){html,body{overflow:hidden}}.controls summary{cursor:pointer;color:#143e32;font-weight:600}.controls .help a{color:#143e32;text-underline-offset:3px}.watch-import-error{margin-top:12px;padding:12px;border:1px solid #d7bba8;border-radius:10px;background:#fbf1e9;color:#593c2e;font-size:12px;line-height:1.5}.watch-import-error p{margin:0 0 10px}.reorder-help{font-size:10px;color:#718172;margin:-8px 0 14px}.slide-card[draggable]{cursor:grab}.slide-card[draggable]:active{cursor:grabbing}.slide-item.is-dragging{opacity:.4}.slide-card .drag-grip{font-size:16px;line-height:16px;color:#7d897e;flex-shrink:0}.slide-item.drop-before:before,.slide-item.drop-after:after{content:"";position:absolute;left:0;right:0;height:3px;border-radius:3px;background:#ad663c;z-index:2;pointer-events:none}.slide-item.drop-before:before{top:-9px}.slide-item.drop-after:after{bottom:-9px}@media(max-width:760px){.reorder-help{margin:0 0 8px}.slide-item.drop-before:before,.slide-item.drop-after:after{top:0;bottom:0;width:3px;height:auto;right:auto}.slide-item.drop-before:before{left:-9px}.slide-item.drop-after:after{left:auto;right:-9px}}.duplicate-slide{position:absolute;bottom:0;left:4px;border:0;background:transparent;color:#143e32;font-size:11px;padding:8px 10px}.duplicate-slide:hover{background:#e2e8d8}@font-face{font-family:IBM Plex Sans;src:url(/assets/fonts/ibm-plex-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/fonts/ibm-plex-sans-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/fonts/ibm-plex-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}:root{--ink: #191919;--muted: #625b53;--cream: #fff3da;--yellow: #ffcf24;--lavender: #c9a9f3;--pink: #f9bde1;--green: #aff18a}body{background:var(--cream);color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif}button,input,select,textarea{color:var(--ink)}button,.button{border:1.5px solid var(--ink);border-radius:9px;background:#fffdf7;font-weight:600;min-height:38px}button:hover,.button:hover{background:#fff0b0}button:disabled{opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.upload:focus-within,.button:focus-within{outline:3px solid #69438d;outline-offset:3px}a{color:inherit}input,select,textarea{border:1.5px solid #9b9388;border-radius:8px;background:#fffdf7}input[type=range],input[type=checkbox]{accent-color:var(--ink)}.primary{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:10px 16px}.primary:hover{background:#ffdd63}.primary:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.studio{grid-template-columns:196px minmax(280px,1fr) 330px;grid-template-rows:86px minmax(0,1fr)}.topbar{background:var(--cream);border-bottom:2px solid var(--ink);padding:0 24px;gap:20px}.brand{gap:16px;font:inherit}.brand a{display:flex}.brand img{width:140px;height:auto;display:block}.brand .brand-divider{width:1px;height:36px;background:var(--ink);opacity:.3}.brand b{font:700 16px IBM Plex Sans,sans-serif;letter-spacing:-.5px;display:block}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.project-name{min-width:110px;max-width:180px;border:1px dashed #b7a997;background:#fffaf0;text-align:center}.top-actions{gap:9px}.top-actions .button{display:flex;align-items:center}.slides-panel{background:#fffaf0;border-right:2px solid var(--ink);padding:24px 14px}.panel-title{color:var(--ink);font-size:11px;margin-bottom:16px}.panel-title span:last-child{background:var(--pink);border:1px solid var(--ink);padding:2px 6px;border-radius:5px;margin-top:-3px}.reorder-help,.help,.file-name,.field>span,.field output,.color-field>span,.format-bar small{color:var(--muted)}.slide-card{border:1.5px solid #b7a997;border-radius:12px;padding:9px}.slide-card.selected{background:#eadcf9;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.slide-card:hover{background:#f3eafa}.slide-card b,.slide-card small,.slide-card .drag-grip{color:var(--muted)}.thumb-wrap{border:1px solid #c6b7a7;border-radius:6px;background:#fffcf4}.slide-item{border:0;padding-bottom:44px}.slide-list{gap:12px}.duplicate-slide,.delete-slide{min-height:34px;bottom:0;font-size:11px;border:0;box-shadow:none;background:transparent}.duplicate-slide{left:0;color:var(--ink)}.delete-slide{right:0;color:#963a26}.add-slide{margin-top:12px;border:1.5px dashed var(--ink);padding:12px 6px;background:var(--yellow)}.add-watch{background:var(--cream);min-height:40px}.local-note{color:var(--muted);font-size:11px;line-height:1.6}.local-note p{color:var(--muted);margin:8px 0}.local-note a{font-weight:600;text-underline-offset:4px}.status-dot{background:#398043;width:7px;height:7px}.workspace{background:var(--cream)}.workspace-intro{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;background:var(--lavender);border-bottom:2px solid var(--ink)}.eyebrow{font:600 9px IBM Plex Sans,sans-serif;letter-spacing:2px}h1{font-size:clamp(20px,2vw,28px);line-height:1.15;letter-spacing:-.9px;margin:8px 0 0}h1 span{white-space:nowrap}.free-badge{transform:rotate(3deg);background:var(--green);border:1.5px solid var(--ink);border-radius:9px;padding:9px 12px;font-weight:700;font-size:13px;text-align:center;white-space:nowrap;box-shadow:2px 2px 0 var(--ink)}.free-badge small{font-size:9px;font-weight:400}.canvas-toolbar{color:var(--muted);background:#fffaf0;height:52px;border-bottom:1px solid #c4b8a6;padding:0 18px}.canvas-toolbar button{color:var(--ink);min-width:32px;min-height:34px}.canvas-toolbar button:hover{background:#eee0fa}.divider{background:#bbad99}.preview-stage{background-color:var(--cream);background-image:radial-gradient(#ccbda9 .8px,transparent .8px);background-size:18px 18px;padding:24px;gap:20px}.canvas-holder{box-shadow:5px 5px #19191930;outline:1px solid #19191945}.start-card{background:#fffdf7;border:2px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);padding:24px 20px;text-align:center;width:min(310px,100%);flex-shrink:0}.start-icon{display:inline-grid;place-items:center;background:var(--pink);width:44px;height:44px;border:2px solid var(--ink);border-radius:12px;font-size:30px;transform:rotate(-8deg)}.start-card h2{font-size:24px;letter-spacing:-.8px;line-height:1.15;margin:18px 0 12px}.start-card p{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:20px}.start-card .upload{background:var(--yellow);border:2px solid var(--ink);border-radius:9px;box-shadow:3px 3px 0 var(--ink);font-weight:700;min-height:44px}.start-card>small{display:block;font-size:10px;color:var(--muted);margin-top:14px}.empty-canvas{display:none}.preview-footer{background:#fffaf0;border-top:1px solid var(--ink);height:66px;color:var(--ink)}.muted{color:var(--muted)}.inspector{border-left:2px solid var(--ink);background:#fffdf7}.inspector-tabs{background:#f3eafa;padding:10px 16px;gap:8px;height:62px;border-bottom:1px solid var(--ink)}.inspector-tabs button{border:1.5px solid transparent;border-radius:8px;padding:8px 12px;color:var(--muted);flex:1}.inspector-tabs .active{color:var(--ink);background:var(--lavender);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.controls{padding:0 20px 24px}.controls section{border-color:#d6c9b8;padding:22px 0}.section-title{color:var(--ink);font-size:10px;letter-spacing:1.4px;font-weight:700}.section-title:before{content:"";width:7px;height:7px;background:var(--pink);border:1px solid var(--ink);border-radius:2px;align-self:center;margin-right:8px}.section-title span{margin-left:auto}.section-title{justify-content:flex-start}.upload{background:#f0e5fb;border:1.5px dashed var(--ink);color:var(--ink)}.upload:hover{background:#e7d1fa}.segmented{background:#f0e9dd;border:1px solid #c4b8a6;padding:3px;border-radius:9px}.segmented .chosen{background:var(--yellow);box-shadow:none;outline:1px solid var(--ink)}.segmented button{min-height:34px;color:var(--ink)}.text-button,.controls summary,.controls .help a{color:var(--ink)}.color-field>div{border-color:#9b9388;background:#fffdf7}.text-button:hover{background:transparent;text-decoration:underline;text-underline-offset:3px}.toast{bottom:84px;background:var(--ink);border:1px solid var(--ink);border-radius:12px;box-shadow:4px 4px #69438d}.toast button{color:#fff}.warnings{color:#6c4316;background:#fff0b0;border-top:1px solid #b7a997}.drop-overlay{background:#eadcf9f5;border:2px dashed var(--ink);color:var(--ink);font:700 24px IBM Plex Sans,sans-serif;z-index:4}.loading{color:var(--ink);background:var(--cream)}@media(min-width:1500px){.studio{grid-template-columns:220px minmax(400px,1fr) 350px}}@media(max-width:1100px){.studio{grid-template-columns:165px minmax(240px,1fr) 300px}.brand img{width:112px}.brand b{font-size:13px}.brand small{display:none}.topbar{gap:12px;padding:0 16px}.project-name{max-width:140px}.workspace-intro{padding:18px}.free-badge{padding:7px 9px;font-size:11px}.controls{padding:0 16px 24px}}@media(max-width:900px){.project-name{display:none}.top-actions{margin-left:auto}}@media(max-width:760px){.studio{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(580px,80vh) auto}.topbar{position:relative;flex-wrap:wrap;padding:14px 16px;gap:14px}.brand{width:100%;gap:14px}.brand img{width:126px}.brand b{font-size:15px}.brand small{display:block}.project-name{display:block;max-width:none;width:100%;margin:0;text-align:left}.top-actions{margin:0;width:100%;gap:8px}.top-actions>*{flex:1;font-size:11px;padding:9px 6px;justify-content:center}.quiet{display:flex}.slides-panel{padding:16px;border-bottom:2px solid var(--ink);border-right:0}.slide-list{gap:12px;vertical-align:top}.slide-card{width:132px}.slide-item{padding-bottom:38px}.add-slide,.add-watch{display:inline-block;vertical-align:top;margin:25px 0 0 12px;padding:12px 10px}.workspace-intro{padding:20px}h1{font-size:25px}.canvas-toolbar{padding:0 10px}.canvas-toolbar>div{gap:2px}.preview-stage{padding:20px}.preview-footer{padding:0 16px}.inspector{border-left:0;border-top:2px solid var(--ink)}.inspector-tabs{top:0;height:62px;background:#f3eafa}.controls{padding:0 22px 24px}.inline-actions button,.upload{min-height:44px}.toast{max-width:calc(100% - 24px)}}@media(prefers-reduced-motion:reduce){.primary:active:not(:disabled){transform:none}}.local-note a{position:relative;text-decoration:none;display:inline-block;padding-bottom:6px}.local-note a:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:#ff7043;mask:url(/assets/brand/handwritten-underline.svg) center / 100% 100% no-repeat}@media(max-width:400px){.workspace-intro{gap:8px}h1{font-size:23px}h1 span{white-space:normal}.brand{gap:10px}.brand b{font-size:14px}.brand img{width:112px}.start-card{padding:20px 14px}}.inspector-tabs{gap:4px;padding-inline:12px}.inspector-tabs button{padding-inline:8px;min-width:0;font-size:12px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-card{white-space:normal;text-align:left;padding:8px;border:1.5px solid var(--ink);background:#fffaf0}.template-card:hover{background:#f3eafa;box-shadow:2px 2px 0 var(--ink)}.template-card strong{display:block;font-size:12px;margin:8px 0 4px}.template-card small{display:block;color:var(--muted);font-size:10px;line-height:1.4}.template-art{display:block;position:relative;height:78px;border:1px solid #baaabf;border-radius:5px;background:#eadcf9;overflow:hidden}.template-art i{position:absolute;width:35%;height:46px;left:32.5%;bottom:5px;background:#fff3da;border:2px solid var(--ink);border-radius:5px}.template-art b{position:absolute;top:10px;left:22%;width:56%;height:4px;background:var(--ink);border-radius:2px}.template-tilt{background:#fbe3a0}.template-tilt i{transform:rotate(-12deg)}.template-editorial{background:#d8edc8}.template-editorial b{top:auto;bottom:9px}.template-editorial i{bottom:24px}.template-spread{background:#f9d4e9}.template-spread:after{content:"";position:absolute;left:50%;top:0;height:100%;border-left:1px dashed #69438d}.template-spread i{width:55%;left:23%;transform:rotate(-12deg)}.alignment-guides{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none;overflow:hidden}.guide-panel{position:relative;flex:1}.guide-centre{position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed #c51e7e}.guide-safe{position:absolute;border:1px dashed #147eab}.guide-headline{position:absolute;left:0;right:0;border-top:1px dashed #c51e7e}.alignment-guides>span{position:absolute;bottom:3px;left:3px;padding:3px 5px;background:#fffdf7ed;color:#191919;font:10px IBM Plex Sans,sans-serif}.canvas-toolbar button[aria-pressed=true]{background:var(--lavender);outline:1px solid var(--ink)}.kit-current,.kit-title{display:flex;align-items:center;gap:8px;min-width:0}.kit-current{padding:10px 0 16px}.kit-current img,.kit-title img{width:30px;height:30px;object-fit:contain}.kit-swatches{display:flex;gap:3px}.kit-swatches span{width:17px;height:17px;border:1px solid #746a60;border-radius:50%;display:block}.kit-title strong{flex:1;overflow-wrap:anywhere}.kit-title .kit-swatches{flex-shrink:0}.kit-list{display:grid;gap:12px;margin-top:20px}.kit-card{background:var(--cream);border:1.5px solid var(--ink);border-radius:10px;padding:12px}.kit-card>small{display:block;margin-top:6px;color:var(--muted)}.kit-undo{padding:12px 0;font-size:12px}.brand-kits .button{font-size:11px}.brand-kits>button{white-space:normal}.export-review{width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:2px solid var(--ink);border-radius:20px;background:var(--cream);color:var(--ink);box-shadow:7px 7px 0 var(--ink);overflow:hidden}.export-review[open]{display:flex;flex-direction:column}.export-review::backdrop{background:#19191999}.review-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:24px 28px;background:var(--lavender);border-bottom:2px solid var(--ink);flex-shrink:0}.review-heading h2{font-size:28px;letter-spacing:-1px;line-height:1.15;margin:8px 0}.review-heading p{margin:0;line-height:1.5}.review-heading>button{font-size:24px;min-width:40px;line-height:1}.review-body{display:grid;grid-template-columns:240px minmax(0,1fr);overflow:auto;min-height:0}.export-sizes{border:0;border-right:1px solid var(--ink);padding:20px;margin:0;min-width:0;background:#fffaf0}.export-sizes legend{float:none;width:100%;font-weight:700;font-size:15px;margin-bottom:16px}.export-sizes legend small{display:block;font-weight:400;font-size:11px;color:var(--muted)}.size-option{display:flex;align-items:start;gap:8px;padding:8px 0;font-size:12px;line-height:1.4;cursor:pointer}.size-option input{flex:0 0 17px;width:17px;height:17px;margin:0}.size-option small{display:block;color:var(--muted);font-size:10px}.size-group{clear:both;border-top:1px solid #d6c9b8;margin-top:12px;padding-top:12px}.size-group strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.review-previews{padding:20px;min-width:0}.review-note{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 18px}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.review-card{border:1.5px solid var(--ink);border-radius:12px;overflow:hidden;background:#fffdf7;min-width:0}.review-image{height:210px;padding:14px;background:#f0e9dd;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:center}.review-image img{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:2px 3px 5px #0002}.review-card-copy{padding:14px;overflow-wrap:anywhere}.review-card-copy h3{font-size:14px;margin:0}.review-card-copy>p{font-size:11px;line-height:1.6;margin:8px 0}.check-error,.review-error{color:#8b261e;background:#ffe5dd;border-left:3px solid #ad3523;padding:8px}.check-warning{color:#6f4819;background:#fff0b0;border-left:3px solid #9e7318;padding:8px}.check-pass{color:#235b27}.review-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-top:2px solid var(--ink);background:#fffaf0;flex-shrink:0;font-size:12px}.review-ack{display:flex;gap:8px;align-items:center;margin-top:8px;line-height:1.4}.review-ack input{flex:0 0 18px;width:18px;margin:0}@media(max-width:1100px){.canvas-toolbar{flex-wrap:wrap;height:auto;min-height:66px;gap:4px;padding-block:6px}}@media(max-width:760px){.export-review{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px;box-shadow:3px 3px 0 var(--ink)}.review-heading{padding:16px}.review-heading h2{font-size:22px}.review-heading p{font-size:12px}.review-body{display:block}.export-sizes{border-right:0;border-bottom:1px solid var(--ink);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}.export-sizes legend{grid-column:1/-1;float:none}.size-group{margin:0}.export-sizes .field{grid-column:1/-1}.review-previews{padding:16px}.review-grid{grid-template-columns:1fr}.review-footer{padding:14px;flex-wrap:wrap}.review-footer .primary{width:100%}.review-footer>div{width:100%}}.studio-privacy-controls{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:16px 24px;background:var(--cream)}.studio-privacy-controls a{font-size:14px}.studio-privacy{padding:0 24px 24px;max-width:850px;margin:auto;font-size:14px;line-height:1.6}.studio-privacy summary{cursor:pointer;font-weight:600}.studio-consent{position:fixed;z-index:1000;bottom:16px;left:16px;right:16px;max-width:800px;margin:auto;padding:24px;background:var(--cream);color:var(--ink);border:2px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--ink);max-height:80dvh;overflow:auto}.studio-consent h2{margin:0 0 8px;font-size:22px}.studio-consent p{font-size:15px;line-height:1.6;margin:0 0 16px}.studio-consent a{text-decoration:underline}.studio-consent>div{display:flex;flex-wrap:wrap;gap:12px}.studio-consent button{padding:10px 16px;background:var(--lavender);border:2px solid var(--ink)}@media(max-width:480px){.studio-consent{padding:16px}.studio-consent button{flex:1}}