*{box-sizing:border-box}body{margin:0;color:#26463a;background:#f4f6f5;font:13px 'Segoe UI','Microsoft JhengHei',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dce5e1;background:#fff;border-radius:7px;padding:8px 10px;color:#36524b}button:hover{background:#eaf5ef}button:disabled{opacity:.35;cursor:default}button.active{background:#dfefe6;color:#166346;border-color:#8ec5a8}input,select,textarea{border:1px solid #d9e4dd;border-radius:6px;padding:8px;min-width:0;background:white;color:#28473d}input:focus,button:focus-visible,select:focus,textarea:focus{outline:2px solid #63ae91;outline-offset:2px}header{height:66px;padding:0 20px;display:flex;align-items:center;gap:10px;background:white;border-bottom:1px solid #dfe6e2}.brand{color:#176d51;text-decoration:none;font-size:20px;white-space:nowrap}.badge{font-size:9px;letter-spacing:1.5px;padding:5px 7px;border:1px solid #dfe6e2;border-radius:4px;color:#6d8277}.spacer{flex:1}#project-name{width:210px;border-color:transparent;font-weight:600}#save-state{font-size:10px;color:#6e8478}.primary{background:#236f54;color:white;border-color:#236f54}.primary:hover{background:#18553e}main{display:grid;grid-template-columns:62px 232px minmax(340px,1fr) 254px;height:calc(100vh - 66px)}aside{background:white;padding:20px 16px;overflow:auto}#tools{background:#fff;border-right:1px solid #e1e7e2;overflow:auto;padding:12px 6px}#tools button{display:block;width:100%;border:0;font-size:19px;margin-bottom:6px;padding:8px 0}#tools small{display:block;font-size:10px;margin-top:4px}.library{border-right:1px solid #dfe6e2}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#85978e}h2{font-size:18px;margin:12px 0 18px}h3{font-size:13px}p{font-size:12px;color:#829088;line-height:1.8}.search{width:100%;margin:0 0 14px}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px}.chips button{font-size:10px;padding:5px 8px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tile{height:106px;padding:8px 4px;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:10px;background:#fcfdfb}.tile svg{width:65px;height:64px;overflow:visible;pointer-events:none}.template{display:block;width:100%;text-align:left;margin-bottom:12px;padding:8px}.template svg{width:100%;height:118px;background:#f4f6f5;pointer-events:none}.template b{display:block;font-size:12px;margin:7px 0}.template small{font-size:10px;color:#829088}.note{font-size:10px;line-height:1.8;color:#819187;margin-top:20px}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column}.toolbar{min-height:52px;display:flex;align-items:center;gap:5px;padding:8px 12px;background:#fff;border-bottom:1px solid #e0e7e2;flex-wrap:wrap}.toolbar button{font-size:11px;padding:7px;border-color:transparent}.divider{height:20px;border-left:1px solid #ddd;margin:0 3px}#viewport{flex:1;min-height:0;overflow:auto;padding:35px;background:#edf2ef;position:relative}#viewport.grid{background-image:radial-gradient(#b7c9bd 1px,transparent 1px);background-size:20px 20px}#paper{position:relative;margin:auto;background:white;box-shadow:0 5px 26px #294c3517;width:800px;height:560px}#paper.rulers:before{content:attr(data-ruler);position:absolute;top:-23px;left:0;height:18px;font:9px monospace;color:#7c9183;white-space:pre}#paper.rulers:after{content:'0\a\a 100\a\a 200\a\a 300\a\a 400\a\a 500';position:absolute;left:-31px;top:0;white-space:pre;font:9px/2 monospace;color:#7c9183}#canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none}#canvas [data-id]{cursor:move}.selection{pointer-events:none}.handle{pointer-events:all;fill:#fff;stroke:#269970;stroke-width:1.5}.rotate-handle{cursor:grab}.marquee{fill:#37986812;stroke:#379868;stroke-dasharray:4 3}footer{min-height:42px;padding:6px 12px;display:flex;align-items:center;gap:9px;font-size:10px;color:#819187;background:#fff}footer label{white-space:nowrap}footer input[type=checkbox]{vertical-align:middle}footer button{padding:4px 7px;font-size:10px}#zoom{width:80px;padding:0}#zoom-label{min-width:30px}.slides-bar{display:flex;align-items:center;gap:5px;padding:9px;background:#f8faf8;border-top:1px solid #dfe7e0;overflow:auto;min-height:80px}.slides-bar>button{font-size:10px;white-space:nowrap;padding:7px}#slides{display:flex;gap:8px}.slide{min-width:90px;padding:3px;font-size:9px}.slide svg{height:44px;width:70px;display:block;pointer-events:none}.inspector{border-left:1px solid #dfe6e2}.inspector label,.form label{display:block;font-size:11px;color:#6f8277;margin-bottom:12px}.inspector input:not([type=checkbox]),.inspector select,.inspector textarea,.form input:not([type=checkbox]),.form select,.form textarea{display:block;width:100%;margin-top:5px}.inspector input[type=color]{height:32px;padding:3px}.grid-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid-fields button{font-size:10px}.button-row{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.button-row button{font-size:11px}.danger{color:#ae5959}details{border-top:1px solid #e5ebe6;padding:14px 0}summary{font-weight:600;font-size:12px;cursor:pointer}.layer-row{display:flex;align-items:center;margin-top:4px;gap:3px}.layer{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;font-size:10px}.layer.selected{background:#e4f1e9;color:#176d51}.layer-row>button:not(.layer){padding:4px;font-size:10px;border:0}.privacy{font-size:10px;margin-top:20px}.swatches{display:flex;gap:5px;margin:10px 0;flex-wrap:wrap}.swatches button{width:23px;height:23px;border-radius:50%;padding:0}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#214b3c;color:white;border-radius:8px;box-shadow:0 5px 25px #0002;opacity:0;pointer-events:none;transition:opacity .2s;max-width:80vw;z-index:100}#toast.visible{opacity:1}#mode-banner{padding:8px 15px;background:#e8f3ed;color:#25694d;font-size:11px}dialog{border:1px solid #dce5de;border-radius:14px;padding:24px;width:min(850px,90vw);max-height:90vh;overflow:auto;color:#26463a;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#1a302466}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{margin:0 0 20px}.dialog-heading button{border:0;font-size:22px}.dialog-split{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.preview{background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0/16px 16px;padding:12px;border-radius:8px;display:grid;place-items:center}.preview svg{width:100%;height:auto;max-height:400px}.form .row{display:flex;gap:12px;align-items:center}.form .row>*{flex:1}.form input[type=checkbox]{margin-right:7px}.form textarea{min-height:120px}.data-table{border-collapse:collapse;width:100%}.data-table input{width:100%;min-width:65px}.data-table td{padding:3px;border:1px solid #e2e8e2}#context-menu{position:fixed;z-index:50;background:#fff;border:1px solid #dce5df;border-radius:8px;box-shadow:0 12px 35px #0002;padding:6px;min-width:180px;max-height:85vh;overflow:auto}#context-menu button{display:block;width:100%;text-align:left;border:0;padding:7px 10px;font-size:11px}.narrative{display:grid;grid-template-columns:1fr 1fr;gap:15px}.narrative svg{width:100%;height:140px}.presentation svg{width:100%;height:65vh}.comment{padding:10px;border-bottom:1px solid #e4eae5}.comment.resolved{opacity:.5;text-decoration:line-through}.upload-area{border:1px dashed #9abaac;padding:25px 12px;text-align:center;border-radius:9px}.compact{font-size:10px;color:#899b90}.empty{padding:15px;color:#819187}@media(max-width:1150px){main{grid-template-columns:55px 190px minmax(320px,1fr) 220px}.badge,#save-state{display:none}.brand{font-size:16px}#project-name{width:140px}header{gap:6px;padding:0 12px}header button{font-size:11px}.toolbar button{font-size:10px}aside{padding:18px 12px}footer{gap:5px}#dimensions{display:none}}@media(max-width:850px){body{min-width:850px}.slides-bar>button{padding:4px}.dialog-split{grid-template-columns:1fr}}
/* Ruler labels use logical page units and are excluded from exported artwork. */
.page-ruler{position:absolute;pointer-events:none;overflow:visible}.ruler-x{left:0;top:-25px}.ruler-y{left:-28px;top:0}
/* Subscription walkthrough: scoped to avoid changing editor layout. */
.billing{color:#273b50}.billing-banner{padding:12px 16px;border-radius:10px;background:#edf4ff;color:#315c91;font-size:13px;line-height:1.6}.billing-steps{display:flex;list-style:none;padding:0;gap:12px;margin:24px 0}.billing-steps li{flex:1;padding:12px;border-bottom:3px solid #e4eaf0;color:#7a8996}.billing-steps .current{border-color:#247baf;color:#176ca0;font-weight:700}.billing-error{color:#b42318}.billing-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.billing-plans article,.billing-summary,.billing-management{border:1px solid #dce5ec;border-radius:14px;padding:20px;background:#fff}.billing-plans article:nth-child(2){border-color:#70a8cf;background:#f7fbff}.billing-price{font-size:34px;font-weight:700;margin-top:20px}.billing-price small{font-size:13px;font-weight:400}.billing li,.billing p{line-height:1.65}.billing-plans ul{padding-left:18px;font-size:13px;min-height:110px}.billing-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.billing-summary{align-self:start;background:#f7f9fc}.billing-summary dl{display:grid;grid-template-columns:1fr auto;gap:16px;font-size:13px}.billing-summary dd{margin:0;text-align:right}.billing-total{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #dce5ec;gap:12px}.billing label{display:block;margin-bottom:12px}.billing input:not([type=radio]):not([type=checkbox]),.billing select{display:block;width:100%;margin-top:5px}.billing fieldset{border:1px solid #dce5ec;border-radius:10px;margin:18px 0;padding:14px}.billing fieldset label{display:flex;gap:10px;align-items:center;padding:8px}.billing input[type=radio],.billing input[type=checkbox]{width:auto}.billing .button-row{margin-top:20px}.billing-management{text-align:center;padding:30px}.billing-management .button-row{justify-content:center}@media(max-width:700px){.billing-plans,.billing-layout{grid-template-columns:1fr}.billing-steps{font-size:12px;gap:4px}}