:root{font-family:Trebuchet MS,Comic Sans MS,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color:#3b2b32;background-color:#fff7d6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--sunny-yellow: #ffe887;--sunset-peach: #ffc2b4;--cotton-candy: #f6b4f0;--bubble-text: #40222c;--mint-foam: #dff6ed;--lavender-line: #c0a6ff}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-image:radial-gradient(circle at top left,rgba(255,232,135,.8),transparent 55%),radial-gradient(circle at 25% 75%,rgba(246,180,240,.45),transparent 55%),linear-gradient(135deg,#fff0b3,#ffe3c4 40%,#ffd4f9);color:var(--bubble-text)}body:after{content:"";position:fixed;inset:0;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.15),rgba(255,255,255,.15) 6px,transparent 6px,transparent 12px),repeating-linear-gradient(45deg,rgba(255,255,255,.07),rgba(255,255,255,.07) 5px,transparent 5px,transparent 10px);pointer-events:none;z-index:-1}#app{min-height:100vh}.app-shell{max-width:1100px;margin:0 auto;padding:3rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1.75rem}.hero{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:flex-start;justify-content:space-between;background:#fff4b7b3;border-radius:1.75rem;padding:2rem;box-shadow:0 15px 40px #ffb9a340;border:2px solid rgba(235,162,179,.3);position:relative;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.75rem;color:#a0626b;margin-bottom:.5rem}.lead{max-width:40rem;color:#6b4851;margin:.65rem 0 0}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.action-bar h2{margin:0 0 .25rem;color:#70354c}.action-bar p{margin:0;color:#8b5664}.version-footer{text-align:center;font-weight:700;color:#6b4851;padding-bottom:.5rem}.progress-banner{background:linear-gradient(135deg,#ffe7c1f2,#ffd2ebe6);border:2px solid rgba(255,183,205,.8);border-radius:1rem;padding:.85rem 1rem;box-shadow:0 8px 20px #ffaab440}.progress-text{margin:0 0 .35rem;font-weight:700;color:#6b4851}.progress-track{width:100%;height:12px;border-radius:999px;background:#ffffffb3;border:1px solid rgba(133,90,116,.15);overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#ff9fdc,#ffd966);border-radius:999px;transition:width .14s ease}.busy-overlay{position:fixed;inset:0;background:#fff0e1b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:10}.busy-card{background:#fffffff2;border:2px solid rgba(255,183,205,.9);border-radius:1.25rem;padding:1.25rem 1.5rem;box-shadow:0 12px 30px #5e3e502e;text-align:center;color:#5c3946;min-width:260px}.busy-title{margin:.65rem 0 .25rem;font-size:1.1rem;font-weight:700}.spinner{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,159,220,.3);border-top-color:#ff9fdc;margin:0 auto;animation:spin 1s linear infinite}button{border-radius:999px;border:2px solid transparent;padding:.75rem 1.75rem;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #35272d33}.primary{background:linear-gradient(135deg,#ff9fdc,#ffd966);color:#432438;border-color:#fff6}.secondary{background:var(--mint-foam);border-color:#75d7b9;color:#27403a}.ghost{background:transparent;border:2px dashed rgba(58,29,38,.4);color:#3a1d26}.ghost.destructive{color:#a33f3f;border-color:#a33f3f66}.panel{background:#ffffffd9;border-radius:1.75rem;padding:1.75rem;border:2px solid rgba(255,201,192,.8);box-shadow:0 12px 35px #ffaa9633;display:flex;flex-direction:column;gap:1.5rem}.controls .control-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.control-column h3{margin:0 0 .75rem;font-size:1rem;color:#743642;text-transform:uppercase;letter-spacing:.07em}label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#7c5261}input[type=number],input[type=text],input[type=password],select{border-radius:.75rem;border:2px solid rgba(138,92,110,.2);padding:.65rem .9rem;font-size:1rem;font-family:inherit;background:#ffffffe6;box-shadow:inset 0 2px 6px #ffaec833}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#ff9fdc 50%),linear-gradient(135deg,#ff9fdc 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.5rem}.switch-row{flex-direction:row;align-items:center;justify-content:space-between}.switch-row input[type=checkbox]{width:auto;cursor:pointer}.summary p{margin:.35rem 0;color:#6d4a53;font-weight:600}.group-summary{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.35rem}.group-summary li{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#7a4f5e;background:#ffffffa6;border-radius:999px;padding:.35rem .75rem;border:1px solid rgba(255,204,212,.7)}.group-chip{background:#ffe887cc;border-radius:999px;padding:.15rem .6rem;font-weight:700;color:#5a2f3c;border:1px solid rgba(205,148,60,.5)}.hint{font-size:.85rem;color:#a8758a;margin:.35rem 0 0}.ingest-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.integration-note{margin:0;color:#a8758a;max-width:18rem}.dropzone{border:3px dashed rgba(255,176,196,.8);border-radius:1.5rem;padding:2rem;text-align:center;background:#fffdd0cc;display:flex;flex-direction:column;gap:.65rem;cursor:pointer;box-shadow:inset 0 0 25px #ffcad459;transition:border-color .15s ease,background .15s ease,transform .15s ease}.dropzone.is-dragging{border-color:#f36ec4;background:#ffe8a6f2;transform:scale(1.01)}.dropzone-title{font-size:1.1rem;font-weight:600;margin:0}.dropzone-subtitle{margin:0;color:#475467}.clipboard-hint{font-size:.85rem;color:#475467}.integration-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.integration-card{border:2px solid rgba(255,196,210,.9);border-radius:1.5rem;padding:1.25rem 1.5rem;background:#fff8d6b3;box-shadow:0 10px 25px #ffabc02e;display:flex;flex-direction:column;gap:.75rem}.integration-actions{display:flex;flex-wrap:wrap;gap:.5rem}.integration-actions button{flex:1;min-width:140px}.integration-card header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.integration-card header h3{margin:0 0 .35rem;color:#7a3a4a}.integration-card header p{margin:0;color:#9a677b;font-size:.85rem}.badge{border-radius:999px;border:1px solid rgba(149,81,120,.5);padding:.2rem .9rem;font-size:.75rem;font-weight:600;color:#8f4d6f;background:#fff9}.badge.ready{border-color:#79b595b3;color:#2f6d56;background:#dff6edb3}.error-text{color:#dc2626;margin:0;font-size:.85rem}kbd{display:inline-block;padding:.1rem .4rem;border-radius:.4rem;background:#ffeddf;font-size:.75rem;font-weight:600;border:1px solid rgba(225,148,169,.5)}.image-group-list{display:flex;flex-direction:column;gap:1.25rem}.image-group{border:2px dashed rgba(255,210,224,.8);border-radius:1.25rem;padding:1rem 1.25rem;background:#ffffffb3;box-shadow:inset 0 0 12px #ffc2ce4d}.image-group header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:#76374a}.image-group header span{font-size:.9rem;color:#a16477}.image-list{display:flex;flex-direction:column;gap:.75rem}.image-card{border:2px solid rgba(255,200,214,.7);border-radius:1rem;padding:.85rem;display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;background:#ffffffe6;box-shadow:0 10px 20px #ffa6d226}.image-details{display:flex;flex-direction:column;gap:.5rem}.image-controls{display:flex;flex-direction:column;gap:.25rem}.image-actions{display:flex;flex-direction:column;gap:.35rem}.image-card img{width:64px;height:64px;object-fit:cover;border-radius:.75rem;border:2px solid rgba(255,209,224,.8)}.image-name{font-weight:600;margin:0;color:#6f3245}.image-meta{margin:.2rem 0 0;color:#a17082;font-size:.85rem}.empty-hint{margin:0;color:#b37c8d}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;position:relative}.preview-page{padding:.75rem;border-radius:1rem;border:1px solid rgba(255,210,224,.7);background:#ffffffd9;display:flex;flex-direction:column;gap:.5rem;min-width:0}.preview-page header{font-weight:600;margin-bottom:.5rem;color:#5b3754}.summary-page{background:#ffffffe6;border:2px dotted rgba(255,201,210,.8);padding:1rem}.summary-page ul{list-style:disc;padding-left:1.25rem;margin:.5rem 0 0;color:#6e3d4f}.page-canvas{border-radius:.75rem;border:2px dashed rgba(255,180,198,.8);background:repeating-linear-gradient(90deg,#fff9,#fff9 14px,#fff2c9e6 14px 28px),linear-gradient(135deg,#fff9de,#ffe4f7);position:relative;overflow:hidden;margin:0 auto}.page-canvas-wrapper{width:100%;overflow-x:auto;padding-bottom:.75rem;-webkit-overflow-scrolling:touch}.page-item{position:absolute;border-radius:.5rem;overflow:hidden;background:#ffdce9;border:1px solid rgba(122,83,101,.2)}.page-item img{width:100%;height:100%;object-fit:cover;display:block}.sticker{position:absolute;pointer-events:none;opacity:.75;filter:drop-shadow(0 5px 12px rgba(0,0,0,.15));animation:floaty 8s ease-in-out infinite}.sticker-star,.sticker-heart,.sticker-flower{width:56px;height:56px}.sticker-star{background:radial-gradient(circle,#fff7b8 35%,#ffbeef 90%);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.sticker-heart{background:radial-gradient(circle at 30% 30%,#ffbdde,#ff7ccf);border-radius:60% 60% 40% 40%;transform:rotate(-12deg)}.sticker-flower{background:radial-gradient(circle,#fff,#ffe0f2);clip-path:polygon(50% 0%,66% 24%,100% 30%,76% 52%,82% 85%,50% 72%,18% 85%,24% 52%,0% 30%,34% 24%)}.sticker-star-1{top:-12px;left:-16px;animation-duration:9s}.sticker-heart-1{top:10px;right:20px;animation-duration:7.5s}.sticker-flower-1{bottom:-10px;right:120px;animation-duration:10s}.sticker-heart-drop{top:20px;left:10%;animation-duration:11s}.sticker-star-drop{top:50px;right:12%;animation-duration:8.5s}.sticker-flower-preview{top:10px;right:-5px;animation-duration:12s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floaty{0%{transform:translateY(0) rotate(0) scale(1);opacity:.75}25%{transform:translateY(-6px) rotate(5deg) scale(1.05);opacity:.9}50%{transform:translateY(2px) rotate(-3deg) scale(.97);opacity:.8}75%{transform:translateY(-4px) rotate(4deg) scale(1.02);opacity:.95}to{transform:translateY(0) rotate(0) scale(1);opacity:.75}}@media(max-width:768px){.hero{flex-direction:column}.hero-actions{width:100%}.hero-actions button{flex:1}}@media(max-width:640px){.app-shell{padding:1.5rem .9rem 2rem;gap:1.25rem}.hero,.panel{border-radius:1rem;padding:1.25rem}.panel.controls{gap:1rem}.controls .control-groups{grid-template-columns:minmax(0,1fr);gap:1rem}button{border-radius:.85rem}.dropzone{border-radius:.9rem;padding:1.25rem}.integration-card,.image-group,.image-card{border-radius:.85rem}.integration-card{padding:1rem}.image-card{display:flex;flex-direction:column;gap:.75rem;width:100%}.image-actions{flex-direction:column;gap:.5rem;width:100%}.image-details,.image-controls,.image-controls label,.image-controls input,.image-controls select,.image-actions button{width:100%}.preview-grid{grid-template-columns:1fr}.preview-page header{text-align:center}.sticker{display:none}}