:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;--ink:#172033;--muted:#5f6b7c;--line:#d9e0ea;--panel:#fff;--panel-soft:#f1f5f9;--accent:#0f766e;--accent-dark:#0b5f59;--blue:#2563eb;--red:#dc2626;--amber:#b45309;--shadow:0 16px 42px #1720331c;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;margin:0}body{color:var(--ink);background:#f7f8fb}a{color:var(--accent-dark);text-underline-offset:.18em;text-decoration-thickness:.08em}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2563eb47}.site-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(16px,4vw,44px);display:flex;position:sticky;top:0}.brand{min-width:0;color:var(--ink);align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);color:#fff;letter-spacing:0;border-radius:8px;place-items:center;width:40px;height:34px;font-size:.82rem;display:inline-grid}.top-nav{flex-wrap:wrap;justify-content:flex-end;gap:14px;font-size:.94rem;font-weight:650;display:flex}.top-nav a{color:#334155;text-decoration:none}.top-nav a:hover{color:var(--accent-dark);text-decoration:underline}.tool-intro{grid-template-columns:minmax(0,980px);padding:34px clamp(16px,4vw,44px) 18px;display:grid}.intro-copy{max-width:920px}.eyebrow{color:var(--accent-dark);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:.86rem;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;margin:0 0 10px;font-size:clamp(2.15rem,6vw,4.7rem);line-height:.98}h2{letter-spacing:0;margin:0 0 12px;font-size:1.45rem;line-height:1.2}h3{letter-spacing:0;margin:0;font-size:1rem;line-height:1.25}p{line-height:1.65}.intro-copy p{max-width:760px;color:var(--muted);margin:0 0 12px;font-size:1.05rem}.rights-note{color:#6f3f04;font-weight:700}.editor-band{padding:0 clamp(16px,4vw,44px) 34px}.tool-root{max-width:1440px}.editor-loading{border:1px solid var(--line);min-height:320px;color:var(--muted);background:#fff;border-radius:8px;place-items:center;display:grid}.editor-shell{grid-template-columns:minmax(420px,1fr) minmax(360px,520px);align-items:start;gap:18px;display:grid}.workspace-panel,.control-panel,.article-shell article{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.workspace-panel{min-width:0;overflow:hidden}.control-panel{min-width:0;overflow:visible}.panel-header,.control-section{border-bottom:1px solid var(--line)}.panel-header{background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.panel-title{flex-direction:column;gap:4px;min-width:0;display:flex}.panel-title span{color:var(--muted);font-size:.86rem}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.input-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn,.file-button,.icon-button,.segmented button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:8px;font-weight:750}.btn,.file-button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 13px;text-decoration:none;display:inline-flex}.btn-primary{border-color:var(--accent);background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-danger{color:var(--red);border-color:#dc262659}.btn-blue{color:var(--blue);border-color:#2563eb59}.btn:hover,.file-button:hover,.icon-button:hover,.segmented button:hover{border-color:#a9b6c8}.icon-button{place-items:center;width:40px;height:40px;padding:0;display:inline-grid;position:relative}.icon-button svg,.btn svg,.file-button svg{flex:none;width:18px;height:18px}.icon-button[data-tooltip]:after{content:attr(data-tooltip);color:#fff;opacity:0;pointer-events:none;z-index:40;background:#111827;border-radius:6px;width:max-content;max-width:220px;padding:6px 8px;font-size:.75rem;line-height:1.25;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.icon-button[data-tooltip]:hover:after,.icon-button[data-tooltip]:focus-visible:after{opacity:1}.preview-wrap{background:#e8edf3;padding:14px}.preview-stage{touch-action:none;background-color:#0000;background-image:linear-gradient(45deg,#dce4ee 25%,#0000 25%),linear-gradient(-45deg,#dce4ee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dce4ee 75%),linear-gradient(-45deg,#0000 75%,#dce4ee 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #c9d3e1;border-radius:8px;place-items:center;width:100%;min-height:330px;max-height:72vh;display:grid;position:relative;overflow:hidden}.preview-stage.is-empty{background:#f8fafc}.preview-canvas{image-rendering:auto;cursor:grab;width:auto;max-width:100%;height:auto;max-height:68vh;display:block}.preview-canvas.is-dragging{cursor:grabbing}.empty-state{text-align:center;color:var(--muted);place-items:center;gap:12px;padding:28px;display:grid}.empty-state strong{color:var(--ink);font-size:1.08rem}.timeline{border-top:1px solid var(--line);background:#fff;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:10px;padding:12px 14px 14px;display:grid}.timeline input[type=range]{width:100%}.time-readout{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.88rem}.status-row{border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 14px;display:flex}.status-message{color:var(--muted);font-size:.9rem}.status-message.error{color:var(--red);font-weight:750}.progress{grid-template-columns:minmax(80px,1fr) auto;align-items:center;gap:10px;width:min(420px,100%);display:grid}.progress-bar{background:#d8e0eb;border-radius:999px;height:8px;overflow:hidden}.progress-bar span{height:100%;width:var(--progress,0%);background:var(--accent);display:block}.control-section{padding:14px}.control-section:last-child{border-bottom:0}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.layer-list{gap:8px;display:grid}.layer-item{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.layer-select{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.layer-item.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e24}.layer-name{min-width:0}.layer-name strong,.layer-name span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.layer-name span{color:var(--muted);font-size:.82rem}.layer-tools{gap:6px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid.one{grid-template-columns:1fr}.field{gap:6px;min-width:0;display:grid}.field label,.field-label{color:#3b4858;font-size:.82rem;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:8px;min-height:40px;padding:9px 10px}.field textarea{resize:vertical;min-height:76px;line-height:1.35}.field input[type=color]{padding:4px}.field input[type=range]{padding:0}.field-note{color:var(--muted);margin:0;font-size:.8rem;line-height:1.45}.segmented{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.segmented button{place-items:center;padding:0 8px;display:grid}.segmented button.is-active{border-color:var(--accent);color:var(--accent-dark);background:#e6f4f1}.swatch-row{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;display:grid}.swatch-row input[type=color]{width:44px}.download-link{background:var(--blue);color:#fff;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-weight:800;text-decoration:none;display:inline-flex}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1180px;padding:20px clamp(16px,4vw,44px) 54px;display:grid}.content-grid>div{min-width:0}.clean-list{margin:0 0 16px;padding-left:1.25rem;line-height:1.75}.article-shell{max-width:900px;margin:0 auto;padding:40px clamp(16px,4vw,44px) 54px}.article-shell article{padding:clamp(22px,5vw,46px)}.article-shell h1{font-size:clamp(2rem,6vw,3.6rem)}.article-shell h2{margin-top:28px}.text-link-strong{font-weight:850}.site-footer{border-top:1px solid var(--line);color:var(--muted);background:#fff;flex-wrap:wrap;align-items:center;gap:14px;padding:22px clamp(16px,4vw,44px);display:flex}.site-footer span{color:var(--ink);font-weight:800}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=980px){.editor-shell,.content-grid{grid-template-columns:1fr}.editor-shell{gap:14px}.control-panel{box-shadow:none}}@media (width<=640px){.site-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px;position:static}.top-nav{justify-content:flex-start}.tool-intro{padding:24px 16px 14px}.editor-band{padding:0 10px 28px}.workspace-panel,.control-panel{border-radius:8px}.panel-header{flex-direction:column;align-items:flex-start}.panel-actions{justify-content:flex-start;width:100%}.btn,.file-button,.download-link{white-space:normal;min-width:0}.preview-wrap{padding:10px}.preview-stage{min-height:230px;max-height:56vh}.preview-canvas{max-height:52vh}.timeline{grid-template-columns:auto minmax(0,1fr)}.time-readout{text-align:left;grid-column:1/-1}.status-row{flex-direction:column;align-items:flex-start}.form-grid,.layer-item{grid-template-columns:1fr}.layer-tools{justify-content:flex-start}.content-grid{padding:16px 16px 42px}.article-shell{padding:26px 12px 42px}.article-shell article{padding:22px 16px}}