:root{color:#211814;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#171413;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#fff6ef;cursor:pointer;background:#29211f;border:0;border-radius:14px;padding:12px 14px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.45}.app{grid-template-columns:minmax(320px,390px) 1fr;height:100vh;min-height:100vh;display:grid;overflow:hidden}.sidebar{background:#fff7ef;border-right:1px solid #2e21181f;height:100vh;padding:26px;overflow:auto;box-shadow:18px 0 60px #0000002e}.sidebar header{margin-bottom:24px}.eyebrow{color:#b95f45;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}h1{letter-spacing:-.04em;margin:0;font-size:30px;line-height:.96}h2{letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;font-size:13px}.panel{background:#ffffff9e;border:1px solid #2e21181a;border-radius:20px;margin-bottom:14px;padding:16px}.panel summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.panel summary::-webkit-details-marker{display:none}.panel summary:after{content:"";border-bottom:2px solid #2118148f;border-right:2px solid #2118148f;width:8px;height:8px;transition:transform .16s;transform:rotate(45deg)}.panel:not([open]) summary:after{transform:rotate(-45deg)}.panel summary h2{margin:0}.panel[open] summary{margin-bottom:14px}label{color:#211814b8;gap:7px;margin-bottom:12px;font-size:12px;font-weight:800;display:grid}input,select,textarea{color:#211814;background:#fffaf5;border:1px solid #2e211829;border-radius:12px;width:100%;min-height:38px;padding:9px 10px}input[type=color]{padding:4px}input[type=range]{accent-color:#b95f45;padding:0}.ghost-button{color:#211814;background:#29211f14;min-height:38px;padding:9px 10px}.history-actions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.history-list{gap:7px;margin-top:12px;display:grid}.history-list p{color:#2118148a;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.history-item{color:#211814;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#fffaf5;border:1px solid #2e21181f;justify-content:start;min-height:34px;padding:8px 10px;font-size:12px;overflow:hidden}.redo-item{opacity:.72}.history-empty{color:#2118147a;font-size:12px}textarea{resize:vertical}.checkbox{align-items:center;gap:10px;display:flex}.checkbox input{width:auto;min-height:auto}.grid-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.gradient-picker{gap:12px;display:grid}.gradient-preview{border:1px solid #2e211829;border-radius:14px;min-height:58px}.gradient-angle-input{margin-top:-12px}.gradient-stop{grid-template-columns:66px 1fr auto;align-items:end;gap:10px;display:grid}.gradient-stop label{margin-bottom:0}.export-actions{gap:10px;margin:10px 0 26px;display:grid}.export-actions button,.import-settings{width:100%}.export{background:linear-gradient(135deg,#2b1d19,#b95f45);width:100%;font-size:16px;box-shadow:0 18px 40px #b95f4542}.import-settings{color:#fff6ef;cursor:pointer;background:#29211f;border-radius:14px;justify-content:center;align-items:center;min-height:43px;margin:0;padding:12px 14px;font-size:13px;font-weight:800;display:flex}.import-settings input{display:none}.workspace{background:radial-gradient(circle at 20% 10%,#ffe0c747,#0000 28%),radial-gradient(circle at 90% 80%,#7f6dff33,#0000 30%),#171413;grid-template-rows:auto 1fr;place-items:center;min-width:0;height:100vh;padding:28px;display:grid;overflow:auto}.toolbar{color:#fff7ef;opacity:.88;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.toolbar span{color:#fff7efad}.zoom-controls{background:#fff7ef1f;border:1px solid #fff7ef29;border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.zoom-controls button{color:#fff7ef;background:#fff7ef1f;border-radius:999px;min-width:36px;min-height:32px;padding:6px 10px}.zoom-controls button:nth-child(2){min-width:66px}.stage{touch-action:none;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000070}.background-image{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fit-cover{object-fit:cover}.fit-contain{object-fit:contain}.fit-stretch{object-fit:fill}.drop-hint{color:#ffffffdb;letter-spacing:-.03em;text-align:center;z-index:2;border:2px dashed #ffffff8f;border-radius:42px;justify-content:center;align-items:center;padding:18px;font-weight:900;line-height:1.05;display:flex;position:absolute;overflow:hidden}.screen-clip,.screenshot-layer,.frame-layer,.text-layer{-webkit-user-select:none;user-select:none;position:absolute}.screen-clip{z-index:2;overflow:hidden}.screenshot-layer{cursor:grab;z-index:2}.screenshot-layer.clipped{z-index:auto}.text-layer{cursor:grab;letter-spacing:-.055em;white-space:pre-wrap;z-index:4;font-weight:800}.text-subtext{letter-spacing:-.025em;font-weight:700}.rich-line{display:block}.frame-layer{cursor:grab;pointer-events:auto;z-index:3}.mask-debug{pointer-events:none;z-index:5;border:2px solid #ff3030f2;position:absolute;box-shadow:inset 0 0 0 9999px #ff30301f}.snap-guide{pointer-events:none;z-index:6;background:#ffffffd1;position:absolute;box-shadow:0 0 18px #ffffff8a}.snap-guide-x{width:2px;top:0;bottom:0;left:50%;translate:-50%}.snap-guide-y{height:2px;top:50%;left:0;right:0;translate:0 -50%}@media (width<=920px){.app{grid-template-columns:1fr}.sidebar{border-right:0;max-height:none}.workspace{min-height:70vh;padding:18px}}