@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#201d27;background:#fff;font-family:DM Sans,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:#fff}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.32}button:focus-visible,input:focus-visible{outline:3px solid rgba(116,86,245,.28);outline-offset:3px}.app-shell{min-height:100vh}.app-header{position:relative;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:4.7rem;padding:0 2rem;border-bottom:1px solid #e6e2e9;background:#ffffffdb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:.7rem;color:#211e27;font-family:Manrope,sans-serif;font-size:1.08rem;font-weight:800;text-decoration:none}.brand-mark{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.65rem .65rem .65rem .2rem;background:#7557e8;color:#fff;font-size:.95rem;box-shadow:0 7px 14px #7557e840}.document-title{display:flex;align-items:center;gap:.55rem;color:#5f5967;font-size:.85rem;font-weight:600}.status-dot{width:.45rem;height:.45rem;border-radius:50%;background:#48b87b;box-shadow:0 0 0 4px #e4f5ec}.saved-label{margin-left:.15rem;color:#a09aa6;font-size:.75rem;font-weight:500}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:.45rem}.icon-button{width:2.45rem;height:2.45rem;border-radius:.7rem;background:transparent;color:#625d68;font-size:1.25rem}.icon-button:hover{background:#f1eef5}.export-button{display:flex;align-items:center;gap:.85rem;min-height:2.65rem;margin-left:.45rem;padding:0 .85rem 0 1.05rem;border-radius:.75rem;background:#211d27;color:#fff;font-size:.78rem;font-weight:700;box-shadow:0 8px 20px #201d2729}.export-button b{display:grid;width:1.45rem;height:1.45rem;place-items:center;border-radius:.4rem;background:#ffffff1f}.studio{display:grid;grid-template-columns:minmax(0,1fr) 19rem;min-height:calc(100vh - 4.7rem)}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;padding:2rem clamp(1.5rem,4vw,4.6rem) 1rem;overflow:hidden}.workspace-heading{display:flex;align-items:end;justify-content:space-between;width:min(100%,64rem);margin:0 auto 1.1rem}.eyebrow{margin:0 0 .35rem;color:#817a88;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.workspace-heading h1{margin:0;color:#211e27;font-family:Manrope,sans-serif;font-size:clamp(1.55rem,2.8vw,2.25rem);letter-spacing:-.045em;line-height:1.1}.clear-button{padding:.65rem .8rem;border-radius:.6rem;background:transparent;color:#8e8794;font-size:.73rem;font-weight:600}.clear-button:hover{background:#ebe7ef;color:#c04c63}.canvas-section{position:relative;display:flex;flex:1 1 auto;min-width:0;min-height:25rem}.canvas-wrapper{display:grid;flex:1;min-height:0;padding:1.1rem;overflow:hidden;place-items:center;border:1px solid #e5e0e9;border-radius:1.3rem;background:#fff}.paper{position:relative;max-width:100%;max-height:100%;overflow:hidden;border-radius:.6rem;background:#fff;box-shadow:0 18px 50px #2d243629,0 3px 10px #2d243617;transition:transform .2s ease}.paper canvas{position:absolute;inset:0;width:100%;height:100%}.art-canvas{z-index:0;pointer-events:none}.drawing-canvas{z-index:2;cursor:crosshair;touch-action:none}.outline-canvas{z-index:3;pointer-events:none}.canvas-status{position:absolute;bottom:.8rem;left:50%;z-index:6;margin:0;padding:.45rem .75rem;transform:translate(-50%);border-radius:99px;background:#1f1b26c2;color:#fff;font-size:.66rem;opacity:0;pointer-events:none;transition:opacity .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-section:hover .canvas-status{opacity:1}.canvas-footer{display:flex;align-items:center;justify-content:space-between;width:min(100%,64rem);min-height:3.3rem;margin:0 auto;color:#aaa4ae;font-size:.65rem}kbd{padding:.18rem .35rem;border:1px solid #d9d4dc;border-radius:.3rem;background:#fff;color:#756f7b;font-size:.58rem;box-shadow:0 1px 1px #d8d3dc}.zoom-control{display:flex;align-items:center;gap:.2rem;padding:.2rem;border:1px solid #dfdae3;border-radius:.6rem;background:#fff;color:#67616d}.zoom-control button{width:1.7rem;height:1.55rem;border-radius:.4rem;background:transparent;color:#766f7c}.zoom-control button:hover{background:#f0edf3}.zoom-control span{min-width:2.8rem;text-align:center;font-weight:600}.toolbar{position:relative;z-index:10;padding:2rem 1.6rem;border-left:1px solid #e4e0e7;background:#ffffffc2}.tool-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.tool-button{display:grid;gap:.35rem;min-height:5.1rem;place-items:center;border:1px solid transparent;border-radius:.9rem;background:transparent;color:#827b88;font-size:.7rem;font-weight:600}.tool-button:hover{background:#f5f2f7}.tool-button.active{border-color:#ded5fb;background:#f0ecff;color:#6949db;box-shadow:inset 0 0 0 1px #ffffffb3}.tool-icon{display:grid;width:2rem;height:2rem;place-items:center}.tool-icon svg{width:1.55rem;height:1.55rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.control-divider{height:1px;margin:1.6rem 0;background:#e9e5eb}.control-label{display:block;margin-bottom:.8rem;color:#68616e;font-size:.7rem;font-weight:700}.swatch-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.72rem}.swatch,.add-color{position:relative;display:grid;width:100%;aspect-ratio:1;place-items:center;border:1px solid rgba(0,0,0,.1);border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff73}.selected-swatch:after{position:absolute;inset:-.28rem;border:2px solid #7254e4;border-radius:50%;content:""}.add-color{background:#f1eef3;color:#6f6875;font-size:1rem}.add-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.quick-sliders{display:grid;gap:1.35rem;margin-top:2rem}.quick-sliders label{display:grid;gap:.7rem}.slider-heading{display:flex;justify-content:space-between;color:#716a77;font-size:.69rem;font-weight:600}.slider-heading strong{color:#9a929f;font-weight:500}input[type=range]{width:100%;height:4px;accent-color:#7254e4;cursor:pointer}@media(max-width:760px){.app-header{grid-template-columns:1fr auto;height:4rem;padding:0 1rem}.document-title{display:none}.studio{display:flex;flex-direction:column;min-height:calc(100vh - 4rem)}.workspace{flex:1;min-height:34rem;padding:1.2rem .8rem .4rem}.workspace-heading{padding:0 .25rem}.canvas-footer>span{display:none}.canvas-footer{justify-content:flex-end}.toolbar{position:sticky;bottom:0;padding:.55rem .7rem max(.55rem,env(safe-area-inset-bottom));border-top:1px solid #e4e0e7;border-left:0;background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tool-strip{grid-template-columns:repeat(5,1fr);gap:.2rem}.tool-button{min-height:3.7rem;font-size:.59rem}.tool-icon{height:1.35rem}.control-divider,.palette,.quick-sliders,.export-button span{display:none}.export-button{gap:0;padding:0 .6rem}}