@media screen{html,body{height:100%;height:100dvh;overflow:hidden}body{font-size:12px}header{height:46px;padding:0 12px;gap:8px}.brand{font-size:27px;gap:6px}.brand strong{font-size:22px}.header-actions{gap:6px}button{padding:6px 10px;border-radius:5px}.header-actions button{font-size:12px}main{height:calc(100dvh - 46px);max-width:none;padding:0;margin:0;display:flex;flex-direction:column}.app-toolbar{height:43px;flex-shrink:0;padding:5px 10px;display:flex;align-items:center;gap:7px;background:#f4f6f1;border-bottom:1px solid #dce2d7}.app-toolbar select{padding:5px;max-width:220px;border:1px solid #d5ddcf;border-radius:5px;background:white;color:#334d39}#saveStatus{margin-left:auto;white-space:nowrap}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr);gap:0;align-items:stretch}.editor,.preview-panel{border-radius:0;border:0}.editor{display:flex;flex-direction:column;border-right:1px solid #dce3d7;min-height:0}.tabs{padding:0 7px;gap:0;flex-shrink:0}.tabs button{padding:10px 3px}.tabs button.active{background:#f1f5ee}#formPanel{padding:10px 12px;min-height:0;overflow:auto;scrollbar-width:thin}.section-title{margin-bottom:8px;font-size:12px}.field{margin-bottom:9px}.field>span,.field-title{font-size:11px;margin-bottom:3px}.field .visibility{font-size:10px}.field input:not([type=checkbox]),.field textarea,.field select{padding:5px 7px;font-size:12px}.field textarea{min-height:42px;height:42px;resize:none}.subsection{margin-top:10px;padding-top:10px}.soft-note{display:none}.preview-panel{display:flex;flex-direction:column;min-height:0}.preview-toolbar{padding:6px 12px;min-height:39px;flex-shrink:0}.tools button{font-size:15px}.canvas-area{min-height:0;flex:1;padding:8px 16px;justify-content:center}.dimension{padding-bottom:5px;font-size:10px}.preview-caption{display:none}.selection{min-height:77px;flex-shrink:0;padding:7px 12px;gap:10px;flex-wrap:wrap;background:#fff}.selection .field{max-width:80px}.selection-title{min-width:95px}.selection-title small{display:none}.preview-footer{padding:2px 12px;height:24px;flex-shrink:0}.preview-footer span{color:#a65f35}.badge{margin-left:8px;cursor:pointer}.selection .font-field{max-width:145px}.size-control{display:flex;align-items:center;gap:5px}.size-control input[type=range]{width:110px;accent-color:#396b55;padding:0}.size-control input[type=number]{width:52px;padding:4px}.size-control button{font-size:16px;line-height:1;padding:5px 8px}.selection .size-field{max-width:none}.size-field>span{font-size:10px;color:#819078;display:block}.selection select.item-picker{max-width:120px;font-size:11px;padding:5px;border:1px solid #d9e2d5;border-radius:5px}.inline-check{white-space:nowrap;font-size:11px}#mobileSwitch{display:none}.compact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-preview{width:100%;display:flex;align-items:center;justify-content:center;gap:16px;min-height:70px;margin-bottom:10px}.envelope-thumb{display:block;position:relative;border:1px solid #8da488;background:#fbfaf5;box-shadow:2px 3px 0 #e8ecdf;flex-shrink:0}.envelope-thumb:before{content:'';position:absolute;top:0;left:0;right:0;height:22%;clip-path:polygon(0 0,100% 0,50% 100%);background:#dce5d4}.envelope-thumb:after{content:'';position:absolute;right:10%;top:28%;width:25%;height:6%;border-top:2px dotted #c49281}.envelope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-height:55vh;overflow:auto;padding:2px}.envelope-card{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:143px;padding:9px 6px;font-size:11px}.envelope-card .thumb-space{height:70px;display:flex;align-items:center;justify-content:center}.envelope-card.active{border:2px solid #437450;background:#f0f6ec}.envelope-card small{font-size:10px;color:#78906e;line-height:1.3}.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.filter-row button.active{background:#3d684d;color:white}dialog{padding:24px;max-width:760px}dialog h2{font:600 18px 'Yu Gothic UI',sans-serif;margin-bottom:14px}.favorite-row{display:flex;gap:7px;align-items:center;border-bottom:1px solid #e1e8dc;padding:9px 0}.favorite-info{flex:1;min-width:0;overflow-wrap:anywhere}.favorite-info small{display:block;color:#87917e}.favorite-row button{padding:5px 7px}.favorite-list{max-height:45vh;overflow:auto}.favorite-add{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:10px 0}.favorite-add input[type=text]{flex:1;min-width:120px;border:1px solid #ccd7c3;border-radius:4px;padding:7px}.favorite-add label{font-size:11px}.modal-actions{margin:12px 0}#contextMenu{position:fixed;z-index:40;min-width:185px;max-height:80vh;overflow:auto;padding:5px;background:white;border:1px solid #cdd9c5;border-radius:7px;box-shadow:0 5px 30px #1c35252b}#contextMenu[hidden]{display:none}#contextMenu button{display:block;width:100%;text-align:left;border:0;padding:7px 12px;border-radius:3px;font-size:12px}#contextMenu .menu-title{font-size:10px;color:#84917c;padding:5px 12px;border-bottom:1px solid #e4eadd}.ink-layer{position:absolute;inset:0}.excluded-zone{position:absolute;border:1px dashed #bc764c;background:repeating-linear-gradient(135deg,#dfb77940 0 4px,#efcb9b10 4px 8px);z-index:3;cursor:move;touch-action:none;min-width:1px;min-height:1px;color:#95592c;font-size:10pt;overflow:visible}.excluded-zone.selected{border:2px solid #b47730;background-color:#e4a44b20}.excluded-zone .zone-label{position:absolute;top:0;left:0;font:9pt sans-serif;white-space:nowrap;max-width:100%;overflow:hidden;pointer-events:none}.zone-handle{position:absolute;right:-2mm;bottom:-2mm;width:4mm;height:4mm;background:#b78143;cursor:nwse-resize;border:1px solid white}.margin-guide{position:absolute;inset:0;z-index:2;pointer-events:none;border-style:solid;border-color:#c7986630}.drawing #paper{cursor:crosshair}.drawing #paper .item,.drawing #paper .excluded-zone{pointer-events:none}.region-row{display:flex;gap:6px;align-items:center;border-bottom:1px solid #eee;padding:7px 0}.region-row span{flex:1}.region-row small{color:#839378}.form-mini-actions{display:flex;gap:5px;margin-top:10px}.form-mini-actions button{flex:1;font-size:11px}.section-title small{display:none}}
@media screen and (max-width:1050px){.workspace{grid-template-columns:280px minmax(0,1fr)}.selection{gap:6px}.selection .font-field{max-width:110px}.size-control input[type=range]{width:80px}.selection-title{min-width:80px}.selection .field{max-width:67px}.app-toolbar select{max-width:180px}}
@media screen and (max-width:720px){header{height:44px;padding:0 7px}.brand{font-size:21px}.brand strong{font-size:19px}.header-actions{gap:4px}.header-actions button{font-size:10px;padding:6px}.header-actions #help{display:none}main{height:calc(100dvh - 44px)}.app-toolbar{height:auto;min-height:70px;padding:5px 7px;flex-wrap:wrap;gap:4px}.app-toolbar button,.app-toolbar select{font-size:10px;padding:5px}.app-toolbar select{max-width:150px}.app-toolbar #saveStatus{display:none}#mobileSwitch{display:block;margin-left:auto;background:#e0ecda}.workspace{display:flex;min-height:0}.editor{width:100%;height:100%}.preview-panel{display:none;width:100%;height:100%}body.mobile-preview .editor{display:none}body.mobile-preview .preview-panel{display:flex}#formPanel{padding:10px 16px}.field{margin-bottom:9px}.field textarea{height:46px}.selection{padding:7px;gap:6px;min-height:120px}.selection-title{width:auto;min-width:90px}.selection .font-field{max-width:120px}.selection .size-field{order:5;width:100%;max-width:none}.size-control input[type=range]{flex:1;width:auto}.selection .field{max-width:60px}.selection .font-field{max-width:115px}.size-control{width:100%}.envelope-grid{grid-template-columns:repeat(3,1fr);gap:5px}.envelope-card{min-height:132px}dialog{padding:23px 13px}.favorite-row{flex-wrap:wrap}.favorite-info{flex-basis:55%}.favorite-row button{font-size:10px}.preview-toolbar{flex-wrap:nowrap;gap:3px;padding:5px 7px}.tools{gap:4px}.tools select{max-width:85px}.badge{font-size:9px;margin-left:3px}.preview-toolbar b{display:none}}
@media print{.ink-layer{position:absolute;inset:0}html,body{height:auto!important;overflow:visible!important}.excluded-zone,.margin-guide{display:none!important}}