@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--paper:#f8f7f4;--white:#fff;--line:#e8e6e1;--muted:#8a8a83;--ink:#292e29;--accent:#e45d3b;--soft:#fff0e9;--sage:#737e65;--rail:76px;--library:268px;--inspector:248px;--header:68px;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);font-size:13px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.32;cursor:default}button,input,textarea,select{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button{border:0;background:transparent}button svg{width:18px;height:18px;display:block}button span[data-icon]{display:inline-flex;flex-shrink:0}input[type=number]{min-width:0;appearance:textfield}input::-webkit-inner-spin-button{opacity:.3}input[type=color]{padding:0;border:0;cursor:pointer;background:transparent}button,input,textarea,select{touch-action:manipulation}input,textarea{caret-color:var(--accent)}
.app{height:100dvh;display:grid;grid-template-columns:var(--rail) var(--library) minmax(0,1fr) var(--inspector);grid-template-rows:var(--header) minmax(0,1fr);background:var(--paper)}.header{grid-column:1/-1;display:flex;align-items:center;gap:24px;padding:0 24px;background:#fff;border-bottom:1px solid var(--line);z-index:12}.brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:700;letter-spacing:-1.3px;padding:0}.brand-mark{color:var(--accent);font-size:37px;line-height:1}.brand-light{font-size:14px;letter-spacing:-.3px;font-weight:450;margin-left:5px;color:#7d8078}.header-divider{width:1px;height:23px;background:var(--line);display:block;flex-shrink:0}.plain-button{display:inline-flex;gap:8px;align-items:center;padding:7px 0;font-size:12px;white-space:nowrap}.plain-button:hover{color:var(--accent)}.projects-button{color:#666b63}.document-name{margin:auto;min-width:80px;display:flex;flex-direction:column;gap:4px;align-items:center}.document-name input{border:1px solid transparent;background:none;font-size:13px;font-weight:550;width:270px;text-align:center;border-radius:4px;padding:3px}.document-name input:hover,.document-name input:focus{border-color:var(--line)}.save-state{font-size:10px;color:#8b8e85;display:flex;align-items:center;gap:5px}.save-state i,.status-dot{height:5px;width:5px;display:inline-block;border-radius:50%;background:#859873}.save-state.error i{background:var(--accent)}.header-actions{display:flex;align-items:center;gap:6px}.header-actions .header-divider{margin:0 12px}.icon-button{display:inline-flex;justify-content:center;align-items:center;border-radius:7px;width:32px;height:32px;flex-shrink:0}.icon-button:hover{background:#f0efeb}.button{background:var(--accent);border:1px solid var(--accent);color:#fff;padding:10px 15px;border-radius:7px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.button:hover{background:#cf4e2e}.button.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:var(--paper)}.button.dark{background:var(--ink);border-color:var(--ink)}.button.full{width:100%}.export-button{font-size:12px;padding:10px 15px}.export-button span:last-child svg{width:13px}
.toolrail{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:18px 6px 14px;gap:13px;z-index:8}.rail-tools{width:100%;display:flex;flex-direction:column;gap:7px}.rail-button{width:100%;display:flex;align-items:center;flex-direction:column;gap:7px;padding:11px 0;border-radius:8px;color:#777c73;font-size:10px;font-weight:500;position:relative}.rail-button svg{width:21px;height:21px;stroke-width:1.6}.rail-button:hover{background:#f6f5f1}.rail-button.active{background:var(--soft);color:var(--accent)}.rail-button.active:before{content:'';position:absolute;left:-6px;top:12px;height:32px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.help-button{margin-top:auto}.avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#e9ede3;color:#63704e;font-size:12px;font-weight:600}.library{background:#fff;border-right:1px solid var(--line);overflow:auto;scrollbar-width:thin;scrollbar-color:#e6e4de transparent;padding:25px 18px}.panel-eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:600;color:var(--accent);margin-bottom:8px}.panel-heading{font-size:20px;letter-spacing:-.7px;font-weight:600;margin:0 0 6px}.panel-description{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 20px}.search{border:1px solid var(--line);border-radius:7px;height:37px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#91958b;margin-bottom:16px}.search svg{width:15px;height:15px}.search input{min-width:0;width:100%;border:0;background:none;font-size:11px;outline:none}.filter-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:24px;scrollbar-width:none}.chip{font-size:10px;padding:7px 10px;border:1px solid var(--line);border-radius:5px;white-space:nowrap;color:#73796e}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;margin:20px 0 12px}.section-title span{font-size:9px;letter-spacing:1px;color:#9c9f96;font-weight:400}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 10px}.template-card{text-align:left;padding:0;min-width:0}.template-preview{aspect-ratio:1;border-radius:6px;overflow:hidden;position:relative;background:#eee;transition:transform .15s,box-shadow .15s}.template-preview svg{width:100%;height:100%;display:block}.template-card:hover .template-preview{transform:translateY(-2px);box-shadow:0 5px 14px #3332}.template-card.active .template-preview{outline:2px solid var(--accent);outline-offset:3px}.template-title{font-size:10px;font-weight:500;margin:9px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-category{font-size:9px;color:#999b94}.template-tag{position:absolute;right:5px;bottom:5px;background:#fffD;border-radius:3px;font-size:8px;padding:3px 5px}.library-bottom{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;font-size:10px;color:#979a91;line-height:1.6}.library-bottom b{font-weight:500;color:#5e6658}.text-option{width:100%;text-align:left;padding:18px 12px;border:1px solid var(--line);border-radius:7px;margin-bottom:10px;background:#fcfcfa}.text-option:hover{border-color:var(--accent)}.text-option.heading{font-size:25px;font-weight:650;letter-spacing:-.6px}.text-option.subheading{font-size:18px;font-weight:550}.text-option.body{font-size:12px}.font-pair{width:100%;margin-bottom:12px;background:#f3f0e7;border-radius:6px;padding:22px 8px;text-align:center}.font-pair strong{font-family:Georgia,serif;font-size:26px;font-weight:400;display:block}.font-pair span{font-size:9px;letter-spacing:2px;display:block;margin-top:8px}.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.shape-tile{aspect-ratio:1;background:#f6f5f1;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:9px;color:#91958b}.shape-tile:hover{border-color:var(--accent);background:var(--soft)}.shape-tile svg{width:33px;height:33px}.upload-drop{border:1px dashed #c8cabe;border-radius:8px;text-align:center;padding:24px 14px;background:#f9faf6;margin-bottom:18px;cursor:pointer}.upload-drop.dragover{background:var(--soft);border-color:var(--accent)}.upload-drop svg{width:26px;height:26px;margin:0 auto 10px;color:#737e65}.upload-drop strong{display:block;font-size:12px;font-weight:500;margin-bottom:7px}.upload-drop span{font-size:10px;color:#989e90;line-height:1.6}.uploads-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-tile{border-radius:6px;overflow:hidden;border:1px solid var(--line);background:var(--paper);padding:0;aspect-ratio:1}.upload-tile img{width:100%;height:100%;object-fit:cover}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.color-swatch{border-radius:50%;width:30px;height:30px;border:1px solid #0001}.color-swatch:hover{outline:2px solid var(--accent);outline-offset:3px}.palette-name{font-size:10px;margin:20px 0 12px;color:#747c6c}.empty-small{color:#969d90;font-size:11px;line-height:1.7;text-align:center;padding:16px 0}
.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:#eeeee9}.contextbar{display:flex;align-items:center;justify-content:space-between;background:#fafaf7;border-bottom:1px solid var(--line);padding:0 21px;height:48px;flex-shrink:0;gap:12px}.context-left,.context-right{display:flex;align-items:center;gap:13px;min-width:0}.context-caption{font-size:9px;letter-spacing:1.4px;color:#a3a69b;font-weight:500;white-space:nowrap}.context-divider{height:14px;width:1px;background:var(--line)}.small{font-size:10px;gap:5px}.small svg{width:12px;height:12px}.local-label{font-size:9px;display:flex;align-items:center;gap:5px;color:#91988a;white-space:nowrap}.local-label svg{height:13px;width:13px}.canvas-viewport{min-height:0;min-width:0;flex:1;overflow:auto;position:relative;display:flex;flex-direction:column;align-items:center;padding:26px 32px 12px;background-image:radial-gradient(#b7bcb026 .65px,transparent .65px);background-size:8px 8px}.canvas-wrap{margin:auto;flex-shrink:0}.page-heading{display:flex;align-items:center;justify-content:space-between;height:32px;font-size:10px;font-weight:550}.page-heading span span{font-weight:400;color:#929888;margin-left:5px}.small-icon{width:25px;height:25px}.small-icon svg{width:14px;height:14px}.artboard{position:relative;background:#fff;box-shadow:0 3px 6px #4246370a,0 15px 45px #42463717;flex-shrink:0;touch-action:none}.artboard:focus{outline:none}.artboard>svg{width:100%;height:100%;display:block;overflow:visible;user-select:none}.artboard>svg [data-node]{cursor:move}.artboard>svg [data-node].locked{cursor:default}.artboard>svg [data-node]:hover .hover-outline{opacity:1}.artboard .selection-outline{pointer-events:none}.handle{fill:white;stroke:var(--accent);stroke-width:1.3;cursor:nwse-resize}.rotate-handle{cursor:grab}.add-page-below{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#909886;width:100%;padding:16px 0 12px}.add-page-below:hover{color:var(--accent)}.add-page-below svg{width:13px;height:13px}.workspace-note{font-size:9px;color:#a1a797;display:flex;align-items:center;justify-content:center;gap:5px;margin:8px 0 5px;flex-shrink:0}.tiny-flower{font-size:13px}.page-strip{display:flex;align-items:center;gap:10px;border-top:1px solid #dedfd5;background:#f8f9f4;height:88px;padding:11px 22px;flex-shrink:0}.pages{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;padding:4px;max-width:calc(100% - 180px)}.page-tile{position:relative;width:50px;height:50px;flex-shrink:0;padding:0;border:2px solid transparent;border-radius:4px;background:#e8e9e0}.page-tile svg{width:100%;height:100%;display:block;border-radius:2px}.page-tile.active{border-color:var(--accent);box-shadow:0 0 0 2px #e45d3b18}.page-number{position:absolute;bottom:-7px;right:-6px;background:#f8f9f4;border:1px solid #e3e5da;border-radius:3px;font-size:8px;padding:1px 4px}.add-page-tile{width:39px;height:45px;border:1px dashed #c8cdbf;border-radius:5px;color:#929b87;display:flex;justify-content:center;align-items:center;flex-shrink:0}.add-page-tile:hover{border-color:var(--accent);color:var(--accent)}.page-strip-meta{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:10px;color:#8d9583;white-space:nowrap}.zoom-controls{display:flex;align-items:center;gap:1px}.zoom-controls svg{width:14px;height:14px}.zoom-value{padding:6px;min-width:40px;font-size:10px}.statusbar{display:flex;align-items:center;justify-content:space-between;background:#fcfcf9;height:30px;border-top:1px solid var(--line);padding:0 19px;font-size:9px;color:#a0a68f;gap:10px;flex-shrink:0}.statusbar>span:first-child{display:flex;align-items:center;gap:5px}.statusbar button{font-size:9px;color:#929a86;padding:0}.statusbar button span{margin-left:5px}.statusbar #selection-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inspector{border-left:1px solid var(--line);background:#fff;overflow:auto;scrollbar-width:thin;padding:24px 18px 0;display:flex;flex-direction:column;min-height:0}.inspector-heading{font-size:12px;font-weight:600;margin:0 0 20px;display:flex;justify-content:space-between;align-items:center}.inspector-heading .sub-label{font-size:8px;letter-spacing:1px;color:#9fa391;font-weight:400}.prop-section{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.prop-section:last-child{border-bottom:0}.prop-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#737b6a;margin:0 0 10px;font-weight:500}.prop-label small{font-size:9px;color:#a3a893;font-weight:400}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{border:1px solid var(--line);height:33px;border-radius:5px;display:flex;align-items:center;padding:0 9px;gap:6px;background:#fff}.field label,.field .field-prefix{font-size:9px;color:#a5aa98;min-width:10px}.field input{width:100%;border:0;outline:none;font-size:10px;background:none;padding:4px 0}.field select{border:0;background:none;min-width:0;max-width:100%;font-size:11px;width:100%;outline:none}.field.wide{margin-bottom:10px}.color-field{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;height:35px;padding:0 8px}.color-field input[type=color]{width:21px;height:21px;border-radius:4px;overflow:hidden}.color-field input[type=text]{font-size:10px;border:0;min-width:0;flex:1;outline:none;background:transparent;text-transform:uppercase}.color-field .color-percent{font-size:9px;color:#a1a78f}.alignment-buttons{display:flex;justify-content:space-between;gap:4px}.alignment-buttons button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line);border-radius:4px;color:#818972}.alignment-buttons button:hover,.alignment-buttons button.active{color:var(--accent);background:var(--soft);border-color:#f2cfbd}.alignment-buttons svg{width:16px;height:16px}.range-row{display:flex;gap:12px;align-items:center}.range-row input{accent-color:var(--sage);flex:1;min-width:0;height:3px;cursor:pointer}.range-value{font-size:10px;min-width:30px;text-align:right;color:#9da58d}.inspector-note{background:#f7f8f2;border-radius:7px;padding:13px;font-size:10px;line-height:1.7;color:#929b84;margin-bottom:20px}.inspector-note strong{color:#6f7e5e;font-weight:500;display:block;margin-bottom:3px}.layers-section{margin:0 -18px;padding:18px 12px 15px;border-top:1px solid var(--line);background:#fcfcfa;min-height:140px;flex:1}.layers-title{padding:0 6px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:500;margin:0 0 13px}.layers-title small{font-size:9px;color:#a3aa94}.layer{display:flex;align-items:center;gap:7px;border:1px solid transparent;padding:5px 6px;border-radius:5px;margin-bottom:3px;cursor:pointer;min-height:34px}.layer:hover{background:#f3f4ed}.layer.active{background:#fff1e9;border-color:#f1d5c4}.layer-icon{height:24px;width:24px;border:1px solid #e7e9df;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px;flex-shrink:0}.layer-icon svg{height:12px;width:12px}.layer-name{min-width:0;flex:1;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.layer-actions{display:flex;align-items:center;gap:0;opacity:.3}.layer:hover .layer-actions,.layer.active .layer-actions{opacity:1}.layer-actions button{width:21px;height:24px;padding:4px;display:flex;align-items:center;justify-content:center}.layer-actions svg{width:12px;height:12px}.layer.hidden .layer-name{opacity:.4;text-decoration:line-through}.layer-actionbar{display:flex;gap:6px;align-items:center;margin-top:10px;justify-content:center}.inspector-footer{margin:0 -18px;padding:16px;border-top:1px solid var(--line);font-size:9px;color:#b1b6a4;display:flex;justify-content:space-between;background:#fff}.delete-button{color:#b76f57}.prop-textarea{width:100%;resize:vertical;min-height:65px;border:1px solid var(--line);border-radius:5px;padding:8px;font-size:11px;line-height:1.5}.no-selection-art{display:flex;align-items:center;justify-content:center;position:relative;height:96px;margin-bottom:18px;background:#f5f5ef;border-radius:8px}.no-selection-art .circle{width:48px;height:48px;background:#d7ddcc;border-radius:50%;position:absolute;left:53px;top:18px}.no-selection-art .square{width:45px;height:45px;background:#eeb49c;transform:rotate(-12deg);position:absolute;left:93px;top:28px}.no-selection-art .pointer{position:absolute;left:120px;top:40px;color:#4b5741;filter:drop-shadow(2px 2px 0 white)}.no-selection-art svg{width:30px;height:30px}.mobile-library{display:none}.inspector-hidden{--inspector:0px}.inspector-hidden .inspector{display:none}
#text-editor{position:absolute;z-index:5;background:#fff;box-shadow:0 4px 20px #0002;min-width:220px;border:2px solid var(--accent);border-radius:4px}#text-editor[hidden]{display:none}#inline-text{border:0;outline:none;width:100%;height:110px;resize:vertical;padding:10px;font-size:18px;background:#fff}#text-editor>span{font-size:9px;color:#9b9c92;display:block;padding:4px 8px 8px}.toast{position:fixed;bottom:43px;left:50%;transform:translate(-50%,12px);z-index:99;background:#293027;color:white;box-shadow:0 8px 24px #0002;border-radius:8px;padding:12px 20px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;line-height:1.5}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 100px #0003;padding:0;color:var(--ink);max-width:min(620px,92vw);width:520px;max-height:85dvh}dialog::backdrop{background:#252d274d;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 24px}.modal-head h2{margin:0;font-size:18px;letter-spacing:-.4px;font-weight:600}.modal-body{padding:22px 24px;max-height:65dvh;overflow:auto}.modal-body p{font-size:12px;color:#818976;line-height:1.7;margin:0 0 18px}.modal-body .field{height:40px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--line)}.export-choice{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:8px;width:100%;text-align:left;margin-bottom:10px}.export-choice:hover{background:var(--paper);border-color:#c9d0c0}.format-badge{width:39px;height:43px;display:flex;align-items:center;justify-content:center;border:1px solid #dddccf;background:#f6f5ef;border-radius:5px;font-size:9px;font-weight:600;color:#758264}.export-choice strong{font-size:12px;display:block;margin-bottom:4px;font-weight:550}.export-choice small{font-size:10px;color:#939c87}.export-choice .export-arrow{margin-left:auto;color:#8b967f}.shortcut-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:10px 0;border-bottom:1px solid #f0f1e9}.shortcut-row kbd{font:10px 'DM Sans',sans-serif;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:4px 7px;color:#7c856f}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.project-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;position:relative}.project-card>button:first-child{display:block;width:100%;padding:0;text-align:left}.project-card svg{width:100%;height:130px;display:block;background:#f0f0e8}.project-card strong{font-size:11px;display:block;padding:10px 10px 4px}.project-card small{font-size:9px;display:block;padding:0 10px 12px;color:#9aa38c}.project-delete{position:absolute;top:5px;right:5px;background:#fffD;width:26px;height:26px;border-radius:4px;display:flex;justify-content:center;align-items:center}.project-delete svg{width:13px!important;height:13px!important;background:transparent!important}.inline-notice{padding:12px;background:#fff6ed;border:1px solid #f0dfcc;border-radius:6px;color:#8b7865;font-size:11px;line-height:1.7;margin-bottom:16px}.danger{background:#bc4e37;border-color:#bc4e37}.modal-select{width:100%;border:1px solid var(--line);border-radius:5px;padding:10px;background:#fff;margin:5px 0 14px}.field-caption{font-size:10px;color:#8b947f;display:block;margin:12px 0 7px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.toolrail{grid-column:1;grid-row:2}.library{grid-column:2;grid-row:2}.workspace{grid-column:3;grid-row:2}.inspector{grid-column:4;grid-row:2}
@media(min-width:1600px){:root{--library:292px;--inspector:270px}.library{padding:27px 22px}.template-grid{gap:20px 12px}.template-title{font-size:11px}}
@media(max-width:1250px){:root{--library:230px;--inspector:224px}.header{gap:15px;padding:0 18px}.brand-light{display:none}.projects-button{font-size:11px}.document-name input{width:235px}.library{padding:22px 15px}.context-caption,.local-label{display:none}.context-left .context-divider{display:none}.contextbar{padding:0 15px}.inspector{padding-left:14px;padding-right:14px}.layers-section,.inspector-footer{margin-left:-14px;margin-right:-14px}.page-strip-meta{gap:7px}.page-strip{padding-left:15px;padding-right:15px}.canvas-viewport{padding:20px 25px 10px}.statusbar>span:first-child{display:none}.shape-grid{gap:5px}.color-grid{gap:6px}.color-swatch{width:27px;height:27px}}
@media(max-width:1000px){:root{--inspector:0px;--library:230px}.inspector{display:none}.inspector-hidden{--inspector:224px}.inspector-hidden .inspector{display:flex}.document-name input{width:210px}.save-state{font-size:9px}.projects-button{font-size:0;gap:0}.projects-button svg{width:19px;height:19px}.header{gap:12px}}
@media(max-width:700px){:root{--rail:60px;--library:0px;--header:60px}.library{display:none;position:fixed;top:108px;bottom:30px;left:60px;width:240px;z-index:10;box-shadow:10px 0 30px #0001}.library-open .library{display:block}.rail-button{font-size:8px;padding:10px 0}.toolrail{padding-top:12px}.rail-button svg{width:20px;height:20px}.brand{font-size:21px;gap:4px}.brand-mark{font-size:28px}.header{padding:0 11px;gap:9px}.header>.header-divider,.projects-button,.header-actions>.header-divider{display:none}.document-name{align-items:flex-start;margin-left:4px}.document-name input{width:145px;text-align:left;font-size:11px;padding:2px 0}.save-state{font-size:8px}.header-actions{gap:0;margin-left:auto}.header-actions .icon-button{width:25px}.export-button{font-size:0;gap:0;padding:9px}.export-button span:first-child svg{width:17px;height:17px}.export-button span:last-child{display:none}.canvas-viewport{padding:16px 18px 10px}.contextbar{height:48px;padding:0 12px}.context-right{gap:1px}.mobile-library{display:flex}.context-left .plain-button{font-size:9px}.workspace-note{font-size:8px}.page-heading span span{display:none}.page-strip{height:74px;padding:10px;gap:5px}.page-strip-meta>span:first-child{display:none}.pages{max-width:calc(100% - 127px)}.page-tile{width:42px;height:42px}.page-strip-meta{gap:0}.zoom-controls .icon-button{width:23px}.zoom-value{padding:2px;min-width:32px}.statusbar{padding:0 8px;font-size:8px}.statusbar #keyboard-help span{display:none}.inspector-hidden .inspector{position:fixed;right:0;top:108px;bottom:30px;width:224px;z-index:10;box-shadow:-10px 0 30px #0001}.inspector-hidden{--inspector:0px}.projects-grid{grid-template-columns:1fr 1fr}.modal-body{padding:18px}.modal-head{padding:17px 18px}.modal-footer{padding:14px 18px}.modal-head h2{font-size:17px}.artboard>svg{overflow:visible}.workspace-note{margin-top:6px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media(max-width:700px){.header .projects-button{display:inline-flex;width:24px;justify-content:center;flex-shrink:0}.document-name input{width:clamp(85px,calc(100vw - 245px),145px)}}
[hidden]{display:none!important}.import-project-button{font-size:11px;color:#6c7464;gap:6px;white-space:nowrap}.quick-tool{font-size:12px;display:flex;align-items:center;gap:6px;font-weight:550;white-space:nowrap;padding:7px 8px;border-radius:5px}.quick-tool:hover{background:#eeeae2;color:var(--accent)}.quick-tool>span:not([data-icon]){font-size:10px;font-weight:450}.quick-tool svg{width:15px;height:15px}.contextbar .context-right{gap:3px}.contextbar .context-caption{font-size:8px;letter-spacing:1px}.photo-inspector-actions{margin-bottom:20px}.photo-inspector-actions .button{margin-bottom:8px}.photo-inspector-actions p{font-size:10px;color:#89937d;line-height:1.6;margin:3px 0 7px}.photo-inspector-actions small{font-size:10px;color:#737e65}.project-summary{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:20px;background:#f5f6ef;border-radius:8px;margin-bottom:22px}.project-summary strong{font-size:25px;font-weight:500;color:var(--sage)}.project-summary span{font-size:11px;color:#849174}.editor-modal{width:1040px;max-width:95vw}.editor-modal .modal-body{padding:0;max-height:72dvh}.text-editor-layout{display:grid;grid-template-columns:240px minmax(0,1fr)}.text-editor-controls{padding:22px;background:#fff;border-right:1px solid var(--line)}.text-editor-controls .field-caption:first-child{margin-top:0}.editor-number{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#7d886f;min-width:0}.editor-number input{width:100%;border:1px solid var(--line);background:#fff;border-radius:5px;padding:9px;font-size:12px;color:var(--ink)}.editor-button-row{display:flex;gap:7px}.editor-button-row button{border:1px solid var(--line);background:#fff;border-radius:5px;min-width:36px;height:34px;display:flex;align-items:center;justify-content:center;font-size:16px}.editor-button-row button.active{background:var(--soft);border-color:#efbfa8;color:var(--accent)}.editor-button-row button svg{width:17px;height:17px}.editor-color{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:5px;padding:7px}.editor-color input[type=color]{width:27px;height:26px}.editor-color input[type=text]{border:0;background:none;min-width:0;width:100%;outline:none;font-size:12px}.editor-hint{font-size:11px!important;line-height:1.7!important;color:#8d9780!important;margin-top:16px!important}.text-live{padding:24px;background:#eeeee7;min-width:0}.editor-preview-label{font-size:9px;letter-spacing:1px;color:#919b84;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.editor-preview-label>span:last-child{font-size:9px;letter-spacing:0}.text-paper{min-height:330px;max-height:470px;overflow:auto;padding:28px;box-shadow:0 6px 20px #38432c0b;border:1px solid #d9dece;border-radius:3px}#text-content{min-height:270px;white-space:pre-wrap;overflow-wrap:anywhere;outline:none;caret-color:var(--accent)}.photo-editor-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:480px}.photo-controls{padding:18px;border-right:1px solid var(--line);background:#fff}.editor-tabs{display:flex;gap:5px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.editor-tabs button{font-size:11px;padding:8px 12px;border-radius:5px;background:#f5f6ef;color:#899478}.editor-tabs button.active{background:var(--ink);color:white}.photo-preset-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px}.photo-preset-row button{font-size:9px;border:1px solid var(--line);border-radius:4px;padding:7px}.photo-preset-row button:hover{background:var(--soft)}.photo-slider{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:11px;color:#778568;margin:14px 0}.photo-slider output{color:#9ba68f;font-size:10px}.photo-slider input{grid-column:1/-1;width:100%;height:3px;accent-color:var(--sage);cursor:pointer;margin:6px 0}.photo-stage{padding:20px 25px;background:#f0f1eb;min-width:0;display:flex;flex-direction:column}.photo-preview-area{display:flex;align-items:center;justify-content:center;min-height:300px;flex:1;min-width:0;overflow:hidden;border-radius:6px;background:repeating-conic-gradient(#e6e8e1 0% 25%,#f6f7f1 0% 50%) 50%/16px 16px;position:relative;padding:18px}#photo-preview-host{max-width:100%;max-height:400px;display:flex;justify-content:center;align-items:center}#photo-preview-host canvas{max-width:100%;max-height:400px;width:auto;height:auto;box-shadow:0 5px 18px #252d2630}#crop-stage{position:relative;max-width:100%;display:inline-block;line-height:0;overflow:hidden;touch-action:none}#crop-source{display:block;max-width:100%;max-height:400px;width:auto;height:auto}#crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 3000px #1119;cursor:move;touch-action:none}#crop-box>span{position:absolute;inset:0;background:linear-gradient(to right,transparent 33.1%,#fff7 33.3%,transparent 33.6%,transparent 66.4%,#fff7 66.6%,transparent 66.9%),linear-gradient(to bottom,transparent 33.1%,#fff7 33.3%,transparent 33.6%,transparent 66.4%,#fff7 66.6%,transparent 66.9%);pointer-events:none}#crop-box i{position:absolute;width:12px;height:12px;background:var(--accent);border:2px solid #fff;z-index:2}#crop-box i[data-crop-corner=nw]{left:-6px;top:-6px;cursor:nwse-resize}#crop-box i[data-crop-corner=ne]{right:-6px;top:-6px;cursor:nesw-resize}#crop-box i[data-crop-corner=se]{right:-6px;bottom:-6px;cursor:nwse-resize}#crop-box i[data-crop-corner=sw]{left:-6px;bottom:-6px;cursor:nesw-resize}.photo-output{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#929d85;margin-top:15px;line-height:1.6}.photo-output strong{font-weight:550;color:#637550}#photo-error{font-size:10px;color:#b76242;margin:8px 0 0}.photo-upscale-title{font-size:21px;font-weight:500;line-height:1.25;letter-spacing:-.5px;margin:8px 0 12px}.upscale-options{display:flex;flex-direction:column;gap:9px;margin:20px 0}.upscale-options button{display:flex;align-items:center;justify-content:space-between;padding:16px 13px;border:1px solid var(--line);border-radius:7px;text-align:left}.upscale-options button strong{font-size:22px;font-weight:500}.upscale-options button span{font-size:10px;color:#94a086}.upscale-options button.active{background:var(--soft);border-color:var(--accent);color:var(--accent)}.editor-preview-label button[aria-pressed=true]{color:var(--accent)}
@media(max-width:1200px){.header{gap:15px}.import-project-button>span:last-child{display:none}.document-name input{width:215px}.context-caption,.context-left .context-divider{display:none}.quick-tool>span:not([data-icon]){display:none}.text-editor-layout{grid-template-columns:220px minmax(0,1fr)}.photo-editor-layout{grid-template-columns:245px minmax(0,1fr)}}
@media(max-width:700px){.header{gap:7px}.import-project-button{font-size:0;width:24px;justify-content:center;flex-shrink:0}.import-project-button>span:last-child{display:none}.document-name input{width:clamp(60px,calc(100vw - 273px),125px)}.contextbar{padding:0 8px;gap:4px}.context-left{gap:0}.quick-tool{width:28px;height:30px;padding:5px;justify-content:center}.quick-tool>span:not([data-icon]){display:none}.context-right{gap:0!important}.context-right .icon-button{width:28px}.context-left .plain-button{font-size:8px}.editor-modal{max-width:96vw}.editor-modal .modal-body{max-height:70dvh}.text-editor-layout,.photo-editor-layout{display:flex;flex-direction:column}.text-editor-controls{padding:15px;border-right:0;border-bottom:1px solid var(--line)}.text-editor-controls .editor-hint{display:none}.text-editor-controls>.field-caption{margin:6px 0}.text-editor-controls .modal-select{margin-bottom:8px;padding:7px}.text-editor-controls .field-grid{gap:8px}.text-editor-controls .editor-number{gap:4px}.text-editor-controls .editor-number input{padding:6px}.text-editor-controls .editor-button-row{display:inline-flex;margin-right:8px;margin-top:10px!important}.text-editor-controls .editor-color{display:inline-flex;max-width:175px}.text-live{padding:15px}.text-paper{min-height:180px;padding:16px}#text-content{min-height:140px}.photo-controls{padding:14px;border-right:0}.photo-stage{padding:14px;order:-1}.photo-preview-area{min-height:180px;max-height:260px;padding:12px}#photo-preview-host canvas,#crop-source{max-height:230px}.photo-editor-layout{min-height:0}.photo-output{font-size:9px}.photo-controls .editor-tabs{margin-bottom:12px;padding-bottom:12px}.photo-controls #photo-control-body{max-height:260px;overflow:auto}.upscale-options{flex-direction:row;gap:6px;margin:8px 0}.upscale-options button{padding:12px 10px;flex-direction:column;gap:5px;flex:1}.upscale-options button span{font-size:8px}.photo-upscale-title{font-size:18px}.photo-controls .photo-upscale-title+.editor-hint{margin-top:6px!important}.photo-controls .plain-button{margin-top:8px}.editor-preview-label{margin-bottom:10px}.photo-slider{margin:11px 0}}
@media(max-width:700px){.editor-modal .modal-footer{gap:7px;padding:13px 15px;flex-wrap:wrap}.editor-modal .modal-footer .button{font-size:11px;padding:9px 10px}}
#quick-add-text{font-weight:650}#quick-add-text>span{display:inline;font-size:10px}@media(max-width:700px){#quick-add-text{width:auto;min-width:60px;gap:5px}}
#text-editor.canvas-inline-editor{position:absolute;min-width:0;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;z-index:6;outline:var(--inline-outline,1px) solid var(--accent);overflow:visible;cursor:text;touch-action:auto}#inline-text-content{position:relative;display:block;width:100%;min-height:1em;margin:0;padding:0;border:0;outline:none;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:normal;word-break:normal;cursor:text;user-select:text;-webkit-user-select:text;touch-action:auto;caret-color:var(--accent);background:transparent}#inline-text-content::selection{background:#e45d3b44}.inline-text-toolbar{position:fixed;z-index:40;display:flex;align-items:center;flex-wrap:wrap;gap:4px;width:max-content;max-width:calc(100vw - 16px);padding:6px;border:1px solid #deded4;border-radius:9px;background:#fffffff7;backdrop-filter:blur(10px);box-shadow:0 5px 25px #29302724;color:var(--ink);font-size:11px;line-height:1.2}.inline-text-toolbar button{height:30px;min-width:30px;display:flex;justify-content:center;align-items:center;border-radius:5px;font-size:13px;gap:5px;padding:5px 8px}.inline-text-toolbar button:hover{background:var(--paper)}.inline-text-toolbar button.active{background:var(--soft);color:var(--accent)}.inline-text-toolbar select,.inline-text-toolbar input[type=number]{height:30px;border:1px solid var(--line);border-radius:5px;background:#fff;padding:4px 6px;font-size:11px;outline-offset:1px;min-width:0}.inline-text-toolbar select#inline-font{width:112px}.inline-text-toolbar #inline-size{width:57px}.inline-text-toolbar #inline-align{width:68px}.inline-text-toolbar input[type=color]{width:27px;height:27px;margin:0 2px}.inline-tool-divider{height:20px;width:1px;background:var(--line);margin:0 2px}.inline-spacing{display:flex;align-items:center;gap:3px;color:#959e8a;font-size:15px}.inline-spacing input{width:46px}.inline-text-toolbar .inline-done{background:var(--ink);color:#fff;font-size:10px;margin-left:3px}.inline-text-toolbar .inline-done:hover{background:#495440}.inline-done svg{width:13px;height:13px}@media(max-width:700px){.inline-text-toolbar{width:374px;max-width:calc(100vw - 16px);gap:3px;padding:5px;border-radius:7px}.inline-text-toolbar select#inline-font{width:102px}.inline-text-toolbar #inline-size{width:50px}.inline-text-toolbar button{height:29px;min-width:29px;padding:4px 6px}.inline-tool-divider{display:none}.inline-spacing input{width:43px}}
#text-editor.canvas-inline-editor{overflow:clip;overflow-clip-margin:8px}#inline-text-content{position:absolute;left:0}
.selection-toolbar{height:50px;flex-shrink:0;display:flex;align-items:center;position:relative;padding:5px 10px;gap:4px;background:#fff;border-bottom:1px solid var(--line);min-width:0;z-index:9}.selection-tool-scroll{min-width:0;display:flex;align-items:center;gap:3px;flex:1;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c8cbbf transparent;padding-bottom:2px}.selection-tool{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;color:#555f4c;border-radius:6px;font-size:10px;white-space:nowrap;flex-shrink:0}.selection-tool svg{width:16px;height:16px;stroke-width:1.6}.selection-tool:hover{background:#f2f3ed}.selection-tool.active{background:var(--soft);color:var(--accent)}.selection-tool.icon-only{width:32px;padding:6px}.selection-tool.icon-only>span{display:none}.selection-more{background:#f6f6f0}.selection-kind{display:flex;align-items:center;justify-content:center;width:25px;height:30px;color:#9ca38e;flex-shrink:0}.selection-kind svg{width:16px;height:16px}.selection-divider{width:1px;height:19px;background:var(--line);margin:0 3px;flex-shrink:0}#selection-fill{width:20px;height:20px;border:1px solid #0002;border-radius:50%;display:block}.selection-empty{position:absolute;left:15px;top:18px;color:#969e88;font-size:10px;pointer-events:none;max-width:calc(100% - 105px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-toolbar:not(.has-selection) .selection-tool-scroll>*:not([data-tool-menu=layers]){display:none}.selection-toolbar:not(.has-selection) [data-tool-menu=layers]{margin-left:auto}.selection-toolbar:not(.has-selection) .selection-more{display:none}.selection-popover{position:fixed;z-index:45;width:324px;max-width:calc(100vw - 16px);border:1px solid #dfe3d7;border-radius:10px;background:#fff;box-shadow:0 12px 35px #27302128;overflow:auto;scrollbar-width:thin;color:var(--ink)}.selection-popover>header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.selection-popover h3{margin:0;font-size:13px;font-weight:600}.selection-popover .icon-button{width:24px;height:24px}.selection-popover .icon-button svg{width:14px;height:14px}.selection-popover-body{padding:15px}.selection-popover p{font-size:10px;line-height:1.7;color:#8a957d;margin:0 0 13px}.selection-popover h4{font-size:10px;font-weight:600;color:#7b876f;margin:17px 0 10px}.selection-opacity-row{display:flex;gap:14px;align-items:center}.selection-opacity-row>input{accent-color:var(--accent);width:100%;height:4px;min-width:0}.selection-opacity-row label{display:flex;align-items:center;gap:4px;font-size:10px;color:#88947b}.selection-opacity-row input[type=number]{width:57px;border:1px solid var(--line);border-radius:5px;padding:8px;font-size:12px}.selection-scale{display:flex;justify-content:space-between;font-size:9px;color:#a1aa94;margin-top:12px}.selection-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.selection-command{display:flex;align-items:center;gap:8px;text-align:left;width:100%;padding:10px 8px;border:1px solid var(--line);border-radius:5px;margin-bottom:6px;font-size:10px;background:#fcfcf9}.selection-command:hover{border-color:#ced4c2;background:#f4f6ed}.selection-command svg{width:15px;height:15px;flex-shrink:0;color:#8a9779}.selection-command span{flex:1;white-space:normal}.selection-align{display:flex;gap:6px;justify-content:space-between}.selection-align button{width:35px;height:32px;display:flex;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:5px}.selection-align button:hover{background:var(--soft);color:var(--accent)}.selection-align svg{width:16px;height:16px}.selection-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.selection-field{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#82916f;min-width:0;margin-bottom:12px}.selection-field input,.selection-field select{padding:8px 9px;border:1px solid var(--line);border-radius:5px;min-width:0;width:100%;font-size:11px;background:#fff;color:var(--ink)}.selection-color{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#82916f;margin:13px 0}.selection-color>span{display:flex;gap:8px;align-items:center;border:1px solid var(--line);padding:6px 8px;border-radius:5px}.selection-color input[type=color]{width:24px;height:25px}.selection-color input[type=text]{border:0;background:none;outline:none;width:100%;min-width:0;font-size:11px}.selection-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:17px}.selection-preset-grid button{border:1px solid var(--line);border-radius:6px;padding:12px 4px;font-size:10px;background:#f8f9f2}.selection-preset-grid button.active{background:var(--soft);border-color:#f1bca2;color:var(--accent)}.selection-layer-list{margin:0 -4px 14px;max-height:300px;overflow:auto;scrollbar-width:thin}.selection-layer{display:flex;align-items:center;border:1px solid transparent;border-radius:5px;gap:2px;padding:3px;margin-bottom:3px;min-width:0}.selection-layer.active{background:var(--soft);border-color:#f3d0bd}.selection-layer.is-hidden .selection-layer-pick{opacity:.4}.selection-layer.drag-over{border-top:3px solid var(--accent)}.selection-layer>button:not(.selection-layer-pick){width:24px;height:27px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.selection-layer>button svg{width:13px;height:13px}.selection-layer-pick{display:flex;gap:8px;align-items:center;flex:1;min-width:0;text-align:left;padding:6px 3px}.selection-layer-pick>span:first-child{display:flex;width:24px;height:24px;align-items:center;justify-content:center;background:#fff;border:1px solid #e3e7d8;border-radius:4px;flex-shrink:0}.selection-layer-pick>span:last-child{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-layer[draggable=true]{cursor:grab}.selection-preview-status{font-size:10px;color:var(--sage);line-height:1.6}.selection-popover [disabled]{opacity:.35;cursor:default}@media(max-width:700px){.selection-toolbar{height:49px;padding:5px 6px}.selection-tool{padding:6px;font-size:9px;gap:4px}.selection-tool svg{width:14px;height:14px}.selection-kind{width:18px}.selection-tool-scroll{gap:1px}.selection-empty{font-size:9px;left:10px;top:18px}.selection-popover{width:314px}.selection-popover-body{padding:13px}}

.selection-layer-grip{cursor:grab;touch-action:none;font-size:19px;color:#9ca38e;user-select:none}.selection-layer-grip:active{cursor:grabbing}